@import url(../../css-1);

*,
*:before,
*:after {outline: none!important;box-sizing: border-box;
}

html {font-family: 'Roboto', sans-serif; height:100%;}
body {height:100%; background: #f2f2f2;}
.active {border-bottom: 5px solid #e30613!important;color: #000!important;}

.detay #footer {margin-top: 20px;}

.ortala {max-width: 1050px;width: 100%;margin: 0 auto;}

.detay #slider .detayy {position: absolute !important;left: 0 !important;top: 0 !important;}

.slidKapsa {width: 100%;overflow: hidden;position: relative; }

.slidKapsa .golg {width: 100%;height: 3px;box-shadow: 0px -1px 10px rgba(0,0,0,0.9);position: absolute;left: 0; bottom: -3px;z-index: 99999;}

.s #slider {height: 200px;}
.s #slider img {width: 100%}
.s #slider.b {max-height: 600px;height: 100%;}

#slider {max-width: 1300px;width: 100%;margin: 0 auto;overflow: hidden;position: relative;}
#slider .bx-viewport {max-height: 650px;}
#slider ul.slideUl {width: 100%;margin: 0;padding: 0;list-style: none;}
#slider ul.slideUl li {float: left;width: 100%;position: relative;}
#slider ul.slideUl li .image img {width: 100%;display: block;min-height: 180px;max-height: 650px;object-fit: cover;}
#slider ul.slideUl li .slideAciklama {position: absolute;left: 0;right: 0;bottom: 60px;color: #fff;text-align: center;}
#slider ul.slideUl li .slideAciklama h1 {display: inline-block;padding: 5px 15px;line-height: 40px;font-size: 28px;border:1px solid #fff;background: rgba(0,0,0,0.4);}
#slider ul.slideUl li .slideAciklama p {max-width: 500px;width: 100%;margin: 30px auto 0;font-size: 17px;}

#header {width: 100%;height: 100px;float: left;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);position: relative;z-index: 9999;background: #fff;}
#header .ortala {height: 90px;position: relative;}

#logo {width: auto;height: 90px;float: left;padding-top: 5px;}
#logo a {width: 100%;height: 100%;display: block;}	

#menu {width: auto;height: 100px;float: right;}
#menu ul {float: left;width: 100%;margin: 0;padding: 0;list-style: none;}
#menu ul li {float: left;position: relative;}
#menu ul li a {line-height: 100px;padding: 0 15px;display: block;font-size: 14px;font-weight: 400;text-decoration: none;color:#383838;}
#menu ul li:hover > a,
#menu li:focus > a,
#menu li:active > a {border-bottom: 5px solid #e30613;color: #000;}
#menu ul li.aktif > a,
#menu li.aktif > a,
#menu li.aktif > a {background: #024f9f;color:#fff;}
#menu ul li:hover .altMenu {display: block !important;}

#menu .altMenu {width: 250px;position: absolute;left: 0;top: 100px;z-index: 99999;background: #fbb900;display: none;}
#menu .altMenu li {width: 100%;}
#menu .altMenu li a {line-height: 40px;color:#fff;border: 0 !important;}
#menu .altMenu li:hover > a,
#menu .altMenu li:focus > a,
#menu .altMenu li:active > a{background: #d8a516;color:#fff;}

#dilSecimi {width: auto;position: absolute;z-index: 999;top: 45px;right: -125px;margin: 0;padding: 0;list-style: none;/* display: none; */}
#dilSecimi li {height: 11px;float: left;margin: 0 2px;}
#dilSecimi li a {display: block;}
#dilSecimi li:hover {opacity: 0.6}
#dilSecimi li img {display: block;}


#siteAlt {max-width: 1300px;width: 100%;height: auto;background: #fff;margin: 0 auto;/* padding-right: 0px; */border-right: 1px solid #ddd;position: relative;border-left: 1px solid #ddd;}

.sabit {width: 100%;margin: 0;float: left;list-style: none;overflow: hidden;background: #fff;position: relative;}
.sabit.urunler-kapsa {min-height: 455px;padding-bottom: 20px;}

#ucKutu {width: 100%;max-width: 1300px;margin: 0;padding: 0 20px;list-style: none;overflow: hidden;margin: 20px 0 0 0;}
#ucKutu li {width: 25%;float: left;height: 120px;background: #f4f4f4;border-right: 1px solid #fff;}
#ucKutu li a {width: 100%;height: 120px;display: block;padding: 15px 0 0;position: relative;color: #3b3b3b;text-align: center;text-decoration: none;}
#ucKutu li a:hover,
#ucKutu li a:focus, 
#ucKutu li a:active {color: #fff;background: #e30613;}
#ucKutu li .icon {width: 50px;height: 50px;display: flex;margin: 0 auto;color: #3b3b3b;font-size: 24px;border-radius: 25px;border: 2px solid #3b3b3b;justify-content: center;align-items: center;}
#ucKutu li a:hover .icon,
#ucKutu li a:focus .icon {color: #fff;border-color: #fff;}
#ucKutu li .text {display: block;padding-top: 15px;font-size: 16px;font-weight: 300;}

.menuGoster {display: none;position: absolute;right: 20px;top: 15px;}
.menuGoster i {float:left;font-size: 25px;}
.menuGoster strong{font-size: 14px;float: right;height: 30px;line-height: 40px;margin-left: 10px;}

.yazi {width: 100%;height: auto;float: left;text-align: center;margin: 10px 0;color:#383838;}
.yazi h1 {font-size: 28px;padding: 0 30px;font-weight: 900;}
.yazi p {font-size: 16px;padding: 0 70px;}

/*.haberler {max-width: 340px; width: 90%;height: 415px;float: left;background: url("../img/hber-bg.png") no-repeat;padding: 20px;left: 20px;top: 20px;bottom: 20px;position: absolute;}
.haberler ul {margin: 0;padding: 0;list-style: none;}
.haberler ul li {color:#383838;}
.haberler ul li .baslik {margin: 0 0 20px;}
.haberler ul li .baslik span {display: block;line-height: 1.4;}
.haberler ul li .baslik a {color:#383838;text-decoration: none;}
.haberler ul li .resim {width: 100%;height: 185px;overflow: hidden;}
.haberler ul li .resim img {max-width: 100%;min-height: 100%;}
.haberler ul li .icerik {padding: 10px 0;width: auto;}
.haberler ul li .icerik p {margin: 0;padding: 0;font-size: 14px;width: 100%;}
.haberler .bx-pager {max-width: 350px;width: 100%;height: 15px;position: absolute;left: 20px;bottom: 20px;right: 20px;}
.haberler .bx-pager .bx-pager-item {width: 15px;height: 15px;float: left;display: block;margin-right: 10px;}
.haberler .bx-pager .bx-pager-item a {border:1px solid #868686;text-indent: -9999px;display: block;width: 100%;height: 100%;border-radius: 50%;}
.haberler .bx-pager .bx-pager-item a.active{background: #000;}*/

.urunler {width:100%;padding: 20px;max-height: 500px;height: 100%;float: left;overflow: hidden;}
.urunler ul {width: 100%;margin: 0;padding: 0;list-style: none;}
.urunler ul li {width: 25%;height: 280px;float: left;border: solid #fff;border-width: 0 1px 1px 0;overflow: hidden;position: relative;}
.urunler ul li a {width: 100%;height: 100%;display: block;float: left;}
.urunler ul li:hover .resim {border-color: #004f9f;}
.urunler ul li .resim img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);-webkit-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;transition: all 200ms ease-in;display: block;height: 100%;object-fit: cover;width: 100%;}
.urunler ul li .resim {width: 100%;height: 100%;float: left;}
.urunler ul li .baslik {position: absolute;left: 0;bottom: 0;right: 0;padding: 30px;}
.urunler ul li .baslik:after {content: '';position: absolute;right: 0;left: 0;bottom: 0;height: 100%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.urunler ul li .baslik h2 {margin: 0;padding: 0;color: #fafafa;position: relative;z-index: 9;}
.urunler  ul li:hover img {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);   transform: scale(1.1);}

#footer {width: 100%;float: left;margin-bottom: 25px;position: relative;}
#footer .footer {max-width: 1300px;height: 120px;margin:0 auto;position: relative;/* background: #5bb246; */border-top: 1px solid #dedede;}
#footer p {margin: 0;padding: 0;line-height: 1.4;font-size: 13px;}
#footer .copyright {float: left;line-height: 30px;padding-left: 40px;color: #1c130e;padding: 25px 40px;}
#footer .inviva {position: absolute;width: 80px;height: 11px;right: 30px;bottom: 40px;}
#footer .inviva a {width: 103px;height: 11px;display: inline-block;text-indent: -9999px;background: url('../img/inviva-logo.png') no-repeat 0 0;margin-top: 35px;}

#content .baslik {position: absolute;left: 365px;right: 40px;top: 120px;color: #ffffff;text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
#content .baslik h3 {margin: 0;padding: 0;font-size: 14px;font-weight: 400;line-height: 1;}
#content .baslik h1 {margin: 0;padding: 0;font-size: 34px;line-height: 1;}

.metinAlani {width: 100%;height: auto;float: left;background:#fff;}
.metinAlani .solMenu .urunAciklama {width: 100%;max-width: 281px;float: left;font-size: 15px;margin-top: 20px;padding: 20px;}
.metinAlani .solMenu .urunAciklama p {margin: 0;padding: 0 0 10px 0;}
.metinAlani .solMenu {width: 281px;position: absolute;left: 45px;top: 90px;}
.metinAlani .solMenu ul {margin: 0;padding: 0;list-style: none;}
.metinAlani .solMenu ul li {width: 100%;float: left;position: relative;}
.metinAlani .solMenu ul li span {width: 7px;height: 14px;position: absolute;right: 0;top: 0;margin-top: 20px;margin-right: 20px;background: url("../img/ayrac.png") no-repeat;}
.metinAlani .solMenu ul li.aktif span {background: url("../img/ayrac-aktif.png") no-repeat;}
.metinAlani .solMenu ul li a {width: 100%;float: left;line-height: 50px;background: #e30613;color:#fff;text-decoration: none;padding-left: 15px;border-bottom: 1px solid #ffffff14;font-size: 14px;text-align: right;padding-right: 50px;}
.metinAlani .solMenu ul li:hover a {background: #891002;}
.metinAlani .solMenu ul li.aktif a {background: #891002;}
.metinAlani .solMenu ul li:hover span {background: url("../img/ayrac-aktif.png") no-repeat;}
.metinAlani .sagIcerik {min-height: 100%;float: left;font-size: 14px;width: 100%;padding-left: 326px;background: #ffffff;}
.metinAlani .m-sagIcerik {min-height: 610px;float: right;font-size: 14px;background: #ffffff;}
.metinAlani .metin {width: 100%;float: right;padding: 30px;}
.pr .metin {position: relative;width: 100%;float: right;padding: 0 20px;margin-left: 30px;}
.pr .metin p { border-bottom: 1px solid #ddd; }
.metinAlani .metin .sertifika {width: 50%;float:left;padding: 0 50px 50px 50px;}
.metinAlani .metin .sertifika img {height:auto;width: 100%;max-width:400px;}
.metinAlani p {padding: 0 0 10px 0;text-align: justify;width: 100%;}
.metinAlani p:last-child {margin: 0;}
.metinAlani .manset {text-align: justify;font-size: 16px;font-weight: 700;margin-bottom: 10px;}
.metinAlani .gorsel {width: 281px;height: 230px;float: left;background: #fff;overflow: hidden;box-shadow: 0 0 6px rgba(0,0,0,0.2);margin-top: 20px;}
.metinAlani .gorsel img {height: 100%;width: auto;display: block;}

.urunListe {max-width: 975px;width: 100%;float: left;padding: 40px;margin: 0;/* padding: 0; */list-style: none;}
.urunListe.news li {height: 270px;}
.urunListe.news li img {min-width: 100%;}
.urunListe li {width: 48%;float: left;margin: 8px;border:1px solid #ddd;position: relative;overflow: hidden;}
.urunListe li:hover h1 {background: #444444;color:#fff;}
.urunListe li img {width: 100%;height: 350px;display:  block;object-fit: cover;}
.urunListe li h1 {width: 100%;position: absolute;left: 0;bottom: 0;font-size: 15px;margin: 0;padding: 13px 5px;background: #e30613;color: #ffffff;}
.urunListe li small {float: right;font-size: 15px;}

.multiKapsa {width: 100%;max-height: 450px;float: left;margin: 35px 0 0 25px;padding: 0;list-style: none;position: relative;}
.multiKapsa .bx-pager {position: absolute;left: 20px;bottom: 20px;}
.multiKapsa .bx-pager .bx-pager-item {float: left;margin: 0 2px;}
.multiKapsa .bx-pager .bx-pager-item a {width: 8px;height: 8px;border-radius: 50%;background: #000;display: block;text-indent: -9999px;}
.multiKapsa .bx-pager .bx-pager-item a.active {background: #3b3b3b;}
.multimedya {width: 100%;float: left;}
.multimedya li {width: 100%;height: auto;float: left;}
.multimedya li img {width: 100%;height: auto;float: left;}

.adres {max-width:400px;min-width:100px;width:100%;}
.telefon {float: right;height: 50px;line-height: 50px;margin-right: 30px;color: #000000;font-size: 14px;border-left: 1px solid #dedede;padding-left: 30px;margin-top: 35px;}

.sosyal{height: 60px;float: right;margin: 50px 30px 0 0;padding: 0;list-style: none;}
.sosyal li {background: url("../img/sosyal.png") no-repeat;width: 20px;height: 20px;float: left;margin: 0 2px;display: block;}
.sosyal li.facebook {background-position: 0 0;}
.sosyal li.twitter {background-position: -20px 0;}
.sosyal li.googleplus {background-position: -40px 0;}
.sosyal li a {width: 100%;height: 100%;display: block;}

.multiKapsa .bx-controls-direction {width: 100%;height: 33px;z-index: 8600;position: absolute;left: 0; top: 50%;padding: 0 37px;}
.multiKapsa .bx-prev {float: left;width: 19px;height: 33px;display: block;text-indent: -99999px;background: url('../img/bx-arrows.png') no-repeat 0 0;}
.multiKapsa .bx-next {float: right;width: 19px;height: 33px;display: block;margin-right: 15px;text-indent: -99999px;background: url('../img/bx-arrows.png') no-repeat -19px 0;}

#content { width: 100%; float: left; position: relative;}
#content .content { max-width: 1300px; margin:0 auto; position: relative;}

.sgolge {width: 100%;height: 3px;position: absolute;left: 0;bottom: -630px;z-index: 999;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}

.table {width: 100%; float: left}
.table .line {width: 100%;height: 70px;float: left;background: #f1f1f2;color: #474749;}
.table .col-1 {width: 30%;height: 70px;float: left;border: 1px solid #dcddde;line-height: 70px;padding: 0 20px;font-size: 15px !important;}
.table .col-2 {width: 70%;height: 70px;float: left;border: 1px solid #dcddde;background: #fff;line-height: 70px;padding: 0 20px;font-size: 15px !important;}
.table .col-3 {width: 20%;height: 70px;float: left;border: 1px solid #dcddde;background: #fff;line-height: 70px;padding: 0 20px;font-size: 15px !important;}
.table .col-4 {width: 20%;height: 50px;float: left;border: 1px solid #dcddde;background: #fff;line-height: 50px;padding: 0 20px;font-size: 15px !important;}
.table .col-5 {width: 20%;height: 90px;float: left;border: 1px solid #dcddde;background: #fff;line-height: 90px;padding: 0 20px;font-size: 15px !important;}

.adres { width: 370px; float: left;}
.form { width: 520px; float: right;margin-top: -10px;}

.metinAlani .image {width: 281px;position: absolute;left: 45px;top: 487px;box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.metinAlani .image img {width: 280px;}
.metinAlani .m-image {width: 400px;float: left;padding-left: 350px;box-shadow: 0 0 10px rgba(0,0,0,0.06);}
.metinAlani .m-image img {width: 400px;}
.metinAlani .m-image a:not(:first-child) {display: none;}

.hakkinda {position: absolute;right: 0;bottom: 0;padding: 0 20px;background: #4e4e4e;line-height: 40px;color: #fafafa;text-decoration: none;display: block;font-size: 13px;}

.images {float: left;width: 914px;height: 400px;box-shadow: inset 0 0 40px 5px rgba(0, 0, 0, 0.03);overflow: hidden;margin: 30px 0 0 30px;text-align: center;padding: 30px 0;}
.images img {max-height: 100%;display:  inline;}

.view {float:left;overflow:hidden;position:relative;text-align:center;cursor:default;width:25%;max-height:208px;border:solid #fff;border-width:0 1px 1px 0;}
.view .mask,.view .content {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0 }
.view img {display:block;position:relative; }
.view a.info {display:inline-block;text-decoration:none;padding:7px 14px;background:#fff;color: #1d1d1b;margin-top:80px;text-transform:uppercase;font-weight:800;}
.view-tenth img {width: 100%;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;max-height: 100%;object-fit: cover;display: inline-block;}
.view-tenth .mask {background-color: rgb(227 6 19 / 54%);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.view-tenth a.info {-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear }
.view-tenth:hover .mask {-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1 }
.view-tenth:hover img {-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4 }
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1 }

.sagIcerik .productGrid {display:grid;grid-template-columns: 250px 1fr;grid-template-rows: auto 1fr;padding: 50px 30px;}
.sagIcerik .productGrid .productItems {grid-row: span 2;}
.sagIcerik .productGrid a {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;padding: 0;margin: 0;border: 1px solid #dcdcdc;height: 200px;margin-bottom: 15px;}
.sagIcerik .productGrid a img {width: 100%;height: 100%;object-fit: cover;}