body{margin:0 0 0 0; padding:0; font-size:16px; color:#393E4C; font-family: 'Oswald', sans-serif; font-weight:400  }
input, textarea, select{color:#000; font: 14px 'Oswald', sans-serif;}
*{outline:none}
h1{margin:0; padding:0; font-size: 18px}
h2{margin:0; padding:0; font-size: 16px}
h3{margin:0; padding:0; font-size: 15px}
h4{margin:0; padding:0; font-size: 14px}
a{color:#000; text-decoration:none; border:solid 0px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
a:hover{color:#E1AE00; text-decoration:none}
.P0{padding:0}
.M0{margin:0}

.sy-caption-wrap{display:none; visibility:hidden}

.Baslik{display:block; width:80%; margin:0 auto 30px auto; font-size:30px; text-align:center; color:#000; border-bottom:solid 1px #DDDDDD; padding-bottom:15px; position:relative}
.Baslik span{display:block; width:30%; background-color:#E1AE00; height:2px; position:absolute; bottom:0; left:35%}
.Baslik b{position:relative; font-weight:normal}
.Baslik img{position:absolute; top:-40px; left:-13%; width:auto}


.AnasayfaBaslik{display:block; width:80%; margin:0 auto 30px auto; font-size:30px; text-align:center; color:#000;  padding-bottom:15px; position:relative}
.AnasayfaBaslik span{display:block; width:6%; background-color:#E1AE00; height:2px; position:absolute; bottom:0; left:47%}

#Ust{position:fixed;z-index:999; width:100%}
#Ust img{width:auto; background-color:#0F0F0F ; padding:10px 20px}

#Ust .Logo{ padding:0; width:270px; height:65px; float:left; background-color:#000}
#Ust .Logo h1{text-indent:-9999px}
#Ust #Menu{height:65px; background-color:#E1AE00; float:left; color:#FFF; padding:20px}
#Ust #Menu a{color:#FFF; margin-right:10px;}
#Ust #Menu a:hover{text-decoration:underline}
#Ust #Menu .DilSec{margin-left:20px; margin-right:0; color:#000}
#Ust #Menu .glyphicon-align-justify{font-size:20px; margin-left:30px; cursor:pointer}

#ModalMenu{width:100%; height:100%}
#ModalMenu .modal-dialog{width:100%; height:100%; margin:0}
#ModalMenu .modal-dialog .modal-content{width:100%; height:100%; margin:0; border-radius:0; background-color:#000; color:#FFF; border:solid 0}
#ModalMenu .modal-dialog .modal-content ul{margin:0 auto; padding:0 0 0 100px; list-style:none; width:300px; background:url(/Images/Site/MenuBG.png) no-repeat left center; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#ModalMenu .modal-dialog .modal-content ul ul{display:none; margin-bottom:20px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; background:none; padding:0; width:200px}
#ModalMenu .modal-dialog .modal-content ul > li{-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#ModalMenu .modal-dialog .modal-content ul > li:hover ul{display:block; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#ModalMenu .modal-dialog .modal-content ul > li:hover a{color:#E1AE00;}
#ModalMenu .modal-dialog .modal-content ul > li:hover a:hover{color:#E1AE00}
#ModalMenu .modal-dialog .modal-content ul > li:hover ul a{color:#E1AE00;font-size:18px; color:#BABABA; padding-bottom:5px; margin-bottom:5px}
#ModalMenu .modal-dialog .modal-content ul span.glyphicon-menu-down{margin-left:20px; color:#555555; font-size:20px; position:absolute; right:0; top:3px}

#ModalMenu .modal-dialog .modal-content a{display:block;color:#FFF; margin-bottom:10px; padding-bottom:10px; font-size:26px; border-bottom:solid 1px #1A1A1A}
#ModalMenu .modal-dialog .modal-content a:hover{color:#E1AE00}
#ModalMenu .modal-dialog .modal-content .modal-body{height:100%}
#ModalMenu .modal-dialog .modal-content .close{color:#FFF; font-size:50px; position:absolute; right:20px; top:20px; z-index:999; opacity:1}
#ModalMenu .modal-dialog .modal-content .close:hover{color:#E1AE00}
#ModalMenu .modal-dialog .modal-content .modal-body{display: flex;align-items: center; padding:0;}
#ModalMenu .modal-dialog .modal-content .MenuSosyalMedya{margin-top:40px;}
#ModalMenu .modal-dialog .modal-content .MobilDil a{color:#FFF;}
#ModalMenu .modal-dialog .modal-content .QareMedia{border-bottom:none; font-size:16px}


#SolMenu{position:absolute; top:20%;z-index:99}
#SolMenu ul{list-style:none; padding:0; margin:0}
#SolMenu ul li a{display:block; color:#FFF; font-size:18px; padding:7px 40px 7px 10px; background-color:#0F0F0F; float:left; margin-bottom:7px; position:relative}
#SolMenu ul li a:hover{background-color:#E1AE00; padding:7px 70px 7px 10px;}


.SosyalMedya {display: flex; display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; justify-content: center;-webkit-justify-content: center;}
.Facebook{background:url(/Images/Site/SosyalMedya.png) no-repeat; width:30px; height:30px; text-indent:-9999px; display:block; float:left; margin:0 3px}
.Twitter{background:url(/Images/Site/SosyalMedya.png) no-repeat -30px 0; width:30px; height:30px; text-indent:-9999px; display:block; float:left; margin:0 3px }
.Instagram{background:url(/Images/Site/SosyalMedya.png) no-repeat -60px 0; width:30px; height:30px; text-indent:-9999px;display:block; float:left; margin:0 3px}
.LinkedIn{background:url(/Images/Site/SosyalMedya.png) no-repeat -90px 0; width:30px; height:30px; text-indent:-9999px; display:block; float:left; margin:0 3px }

.Facebook:hover{background:url(/Images/Site/SosyalMedya.png) 0 -30px no-repeat}
.Twitter:hover{background:url(/Images/Site/SosyalMedya.png) -30px -30px no-repeat}
.Instagram:hover{background:url(/Images/Site/SosyalMedya.png) -60px -30px no-repeat}
.LinkedIn:hover{background:url(/Images/Site/SosyalMedya.png) -90px -30px no-repeat}



.UstIletisim{margin-top:15px; color:#FFF}
.UstIletisim span{color:#231F20; margin-left:30px; margin-right:5px}
.UstIletisim a{color:#FFF}
.UstIletisim a:hover{color:#E1AE00}
.UstIletisim a.DilSec{color:#E1AE00}
.UstIletisim a.SatisDestekLink{padding:3px 15px; background-color:#28A9CB; border:solid 1px #CCC; border-radius:20px; margin-left:20px; cursor:pointer}
.UstIletisim a.SatisDestekLink:hover{color:#000}



#Destek{font-size:18px; color:#666}
#Destek h4{font-size:20px; font-weight:normal; color:#E1AE00}
#Destek .row{margin-bottom:20px}
#Destek input[type=text]{width:100%; border-radius:10px; border:solid 1px #CCC; padding:5px; font-size:18px; height:40px}
#Destek select{width:100%; border-radius:10px; border:solid 1px #CCC; padding:5px; font-size:18px; height:40px}
#Destek input[type=submit]{width:100%; border-radius:10px; border:solid 1px #CCC; padding:5px; font-size:18px; background-color:#000; color:#FFF}
#Destek input[type=submit]:hover{background-color:#E1AE00; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#Destek textarea{height:100px;border-radius:10px; border:solid 1px #CCC; padding:5px; font-size:18px;  }
#Destek .Sonuc{color:#F00; font-size:20px}

#Haber{margin:0}
#Haber h3{display:block; margin-bottom:60px; font-weight:normal; font-size:30px; text-align:center}
#Haber h3 span{ width:10%; margin:15px auto; height:3px; background-color:#E1AE00; display:block}
#Haber .container{position:relative}
#Haber .control-box{margin:0; }
#Haber .SolOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:20%;  left:0; z-index:9999 }
#Haber .SagOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:20%;  right:2%; }
#Haber .HaberTarih{background-color:#FFF;position:absolute;bottom:0; border-radius:15px; width:40%; left:30%; margin:0; transition: .5s ease; font-size:40px; text-align:center;}
#Haber .HaberTarih b{padding:10px;  font-size:24px; color:#555; text-align:center; display:block; font-weight:normal}
#Haber .HaberTarih i{font-size:26px; font-style:normal}
#Haber .HaberResim{position:relative; padding-bottom:30px}
#Haber .col-xs-6{padding-bottom:30px}
#Haber img{width:80%; border-radius:30px; margin-left:10%}
#Haber strong{display:block; text-align:center; margin-top:20px; font-weight:normal; font-size:16px}
#Haber nav img{width:auto; margin:0; border-radius:0}

#AnasayfaCozum{margin:5% 0 3% 0}
#AnasayfaCozum .container{background:url(/Images/Site/CozumAraCizgi.png) no-repeat center}
#AnasayfaCozum a{margin-bottom:50px; display:block; width:90%}
#AnasayfaCozum .row div+div a{margin-left:10%}
#AnasayfaCozum b{display:block; font-size:30px; padding-bottom:10px; font-weight:normal}
#AnasayfaCozum img{display:block; padding:10px 0}
#AnasayfaCozum span{display:block; text-align:right; color:#E1AE00; text-decoration:underline}

#AnasayfaUrun{margin:5% 0 0 0}
#AnasayfaUrun .container{position:relative}
#AnasayfaUrun .Urunler{margin:0 5%}
#AnasayfaUrun h3{display:block; margin-bottom:40px; font-weight:normal; font-size:30px; text-align:center}
#AnasayfaUrun h3 span{ width:10%; margin:15px auto; height:3px; background-color:#E1AE00; display:block}
#AnasayfaUrun a{position:relative; display:block}
#AnasayfaUrun a:hover span{display:block}
#AnasayfaUrun a span {position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal; left:0; display:none;
background: -moz-linear-gradient(left, rgba(225,174,0,1) 0%, rgba(225,174,0,1) 14%, rgba(225,174,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%);
background: linear-gradient(to right, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ae00', endColorstr='#00e1ae00',GradientType=1 )}
#AnasayfaUrun img{border-radius:20px; width:100%}
#AnasayfaUrun nav img{border-radius:0; width:auto}
#AnasayfaUrun .SolOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:50%;  left:0; z-index:999 }
#AnasayfaUrun .SagOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:50%;  right:2%; }

#AnasayfaKutu{margin:3% 0 0 0}
#AnasayfaKutu .AnasayfaSertifika{background-color:#E1AE00; color:#FFF; padding:20px; text-align:center; height:290px; border-radius:20px;border-top-left-radius:0; border-bottom-left-radius:0;}
#AnasayfaKutu .AnasayfaSSS{background-color:#0F0F0F ; color:#FFF; padding:20px; text-align:center; height:290px; border-radius:20px;border-top-right-radius:0; border-bottom-right-radius:0;}
#AnasayfaKutu .AnasayfaSSS b{color:#E1AE00}
#AnasayfaKutu .AnasayfaSSS i{color:#E1AE00}
#AnasayfaKutu .AnasayfaSSS a:hover{color:#E1AE00}
#AnasayfaKutu .AnasayfaDokuman{position:relative; height:290px;}
#AnasayfaKutu .AnasayfaDokuman img{margin:0; border-radius:20px}
#AnasayfaKutu .AnasayfaDokuman .Aciklama{position:absolute; left:0; bottom:0; background-color:rgba(0, 0, 0, 0.55); border-radius:20px; border-top-left-radius:0; border-top-right-radius:0; text-align:center; padding:10px }
#AnasayfaKutu .AnasayfaDokuman b{color:#E1AE00}
#AnasayfaKutu .AnasayfaDokuman i{color:#E1AE00}
#AnasayfaKutu .AnasayfaDokuman a:hover{color:#E1AE00}
#AnasayfaKutu b{display:block; padding:10px 0; color:#000; text-align:center; font-size:28px; font-weight:normal}
#AnasayfaKutu img{display:block; margin:10px auto}
#AnasayfaKutu a{color:#FFF}
#AnasayfaKutu a:hover{color:#000}
#AnasayfaKutu i{font-style:normal; text-decoration:underline; color:#000; display:block}

#AnasayfaUst{margin:4% 0 0 0}
#AnasayfaUst .container{position:relative}
#AnasayfaUst a{width:80%; display:block; margin-left:10%; margin-bottom:50px}
#AnasayfaUst strong{display:block; font-size:30px; font-weight:normal; margin-bottom:10px}
#AnasayfaUst img{width:100%; border-radius:15px; display:block; margin:20px 0}
#AnasayfaUst i{font-style:normal}
#AnasayfaUst .SolOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:40%;  left:0; z-index:999 }
#AnasayfaUst .SagOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:40%;  right:2%; }
#AnasayfaUst nav img{border-radius:0; width:auto; margin-left:0}
#AnasayfaUst nav a{margin-left:0}

#Banner{ position:relative}
#Banner img{width:100%}
#Banner .container{position:relative}
#Banner #BannerAlt{margin-top:-20px; z-index:99}
#Banner #BannerAlt .Turuncu{padding:10px; text-align:center; margin-right:1px; border-radius:5px; background-color:#E1AE00; width:99%; color:#FFF}
#Banner #BannerAlt .Turuncu span{color:#000}
#Banner #BannerAlt .Turuncu a{color:#FFF}
#Banner #BannerAlt .Turuncu a:hover{text-decoration:underline}

#Banner #BannerAlt .Siyah{padding:10px; text-align:center; border-radius:5px; background-color:#0F0F0F; color:#FFF}

#Banner #HizliMenu{position:absolute; bottom:40%; width:100%}
#Banner #HizliMenu .HizliMenuBaslik{font-size:32px; color:#FFF; font-weight:normal;  display:block;padding:15px 0 0 5px}
#Banner #HizliMenu .HizliMenuBaslik a{color:#000}
#Banner #HizliMenu .HizliMenuBaslik a:hover{color:#cc8200}
#Banner #HizliMenu .HizliMenuAltBaslik{font-size:20px; color:#FFF; font-weight:normal; margin-top:8px; padding-top:8px; float:left; display:block; position:relative; padding:0 15px 15px 0}
#Banner #HizliMenu .HizliMenuAltBaslik a{color:#FFF}
#Banner #HizliMenu .HizliMenuAltBaslik a:hover{color:#000}
#Banner #HizliMenu .HizliMenuAltBaslik span{color:#FFF}
#Banner #HizliMenu .Sol{position:absolute; top:0; left:0; background:url(/Images/Site/BaslikSolBG.png) no-repeat; width:47px; height:47px}
#Banner #HizliMenu .Sag{position:absolute; bottom:0; right:0; background:url(/Images/Site/BaslikSagBG.png) no-repeat; width:47px; height:47px}

#Banner .CozumContainer{position:absolute; bottom:30px; z-index:999}
#Banner .BannerCozum{width:96%; margin:0 2%; background-color:rgba(255, 255, 255, 0.70); border-radius:30px; display:block; padding:20px}
#Banner .BannerCozum:hover{background-color:rgba(7, 190, 228, 0.70)}
#Banner .BannerCozum img{width:auto; display:block; margin:10px auto;}
#Banner .BannerCozum b{font-size:20px; display:block; margin-bottom:5px; text-align:center; font-weight:normal}
#Banner .BannerCozum i{display:block; padding:5px 10px; background-color:#08CCF7; color:#FFF; border-radius:10px; font-style:normal; width:50%; margin:10px 0 0 25%; text-align:center}
#Banner .BannerCozum:hover b{color:#FFF}
#Banner .BannerCozum:hover span{color:#FFF}
#Banner .BannerCozum:hover i{color:#FFF; background-color:#666}

#OrtaBanner .sy-controls{visibility:hidden}

#Urun{padding:30px 0; position:relative; background-color:#F5F5F5; -webkit-box-shadow: 0px 0px 10px 3px  rgba(146, 146, 146, 0.5);-moz-box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);border:solid 1px #dcdcdc}
#Urun a{display:block; margin-bottom:20px; color:#868695; font-size:20px; text-align:center; z-index:1}
#Urun a strong{margin-bottom:10px; display:block; font-weight:normal}
#Urun a:hover{color:#E1AE00; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}

#Urun .container{position:relative}
#Urun .control-box{margin:0; }
#Urun .SolOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:45%;  left:-5%; }
#Urun .SagOk{border:solid 0; width:20px; height:37px; background-color:transparent; position:absolute;top:45%;  right:-3%; }


#Marka {
    margin: 5% 0;
    background: url(/Images/Site/MarkaCizgi.png) right center no-repeat
}



#Marka img{margin:0 auto}
#Marka .col-sm-2{background:url(/Images/Site/MarkaCizgi.png) left center no-repeat}
#Marka .carousel-inner{width:90%; margin-left:5%;background:url(/Images/Site/MarkaCizgi.png) right center no-repeat}


#AltMarka{margin-bottom:30px}
#AltMarka .col-sm-4{background:url(/Images/Site/MarkaCizgi.png) no-repeat left center; }
#AltMarka a{display:block; min-height:160px; width:100%; padding-top:10%}
#AltMarka a img{margin:0 auto; display:block; width:90%}
#AltMarka .col-sm-4+.col-sm-4+.col-sm-4 a{background:url(/Images/Site/MarkaCizgi.png) no-repeat right center; }


#AltMetin{}
#AltMetin a{display:block; margin:30px 0 40px 0; font-size:14px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#AltMetin a:hover{text-decoration:none}
#AltMetin a:hover b{color:#E1AE00}
#AltMetin img{float:left; margin-right:10px}
#AltMetin b{font-size:20px; margin:0 0 10px 0; float:left; font-weight:normal; color:#333333; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}

#AltMetin b span{display:block; width:15px; background-color:#E1AE00; margin:5px 0; height:3px}
#AltMetin span{display:block; color:#666; font-size:16px; margin-left:40px}
#AltMetin i{font-size:16px; margin:10px 0; font-style:normal; text-decoration:underline; display:block; margin-left:40px; color:#E1AE00}
#AltMetin .Sol{
background: #ffffff; 
background: -moz-linear-gradient(left, #ffffff 0%, #f3f3f3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#f3f3f3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */
border-bottom-right-radius:30px;
border-top-right-radius:30px;
margin-right:5px;
padding:30px;
}

#AltMetin .Sag{
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(left, #f3f3f3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f3f3f3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f3f3f3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
border-bottom-left-radius:30px;
border-top-left-radius:30px;
padding:30px;
margin-left:5px
}

#AltResim{margin-bottom:50px}
#AltResim .Sol img{border-bottom-right-radius:30px;border-top-right-radius:30px;margin-right:.5%; width:99.5%}
#AltResim .Sag img{border-bottom-left-radius:30px;border-top-left-radius:30px;margin-left:.5%; width:99.5%}

#Cozum{padding:30px 0;}
#Cozum a{display:block; margin-bottom:30px; color:#666; text-align:center; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#Cozum a b{display:block; margin-bottom:10px; font-size:20px; font-weight:normal; color:#999; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
#Cozum a img{display:block; margin:20px auto}
#Cozum a:hover b{color:#000}
#Cozum a:hover{color:#E1AE00}

.CozumDetay{font-size:16px}
.CozumDetay .AltResim{margin:30px 0}

#CozumAltBaslik{}
#CozumAltBaslik .AltIcerikUst{margin-bottom:40px}
#CozumAltBaslik .AltIcerikUst b{display:block; font-size:26px; margin-bottom:15px; font-weight:normal}
#CozumAltBaslik .AltIcerikUst i{display:block; font-size:20px; margin-bottom:15px; font-style:normal}
#CozumAltBaslik .AltIcerikUst .Sira{background-color:#E1AE00; border-radius:100px; color:#FFF; font-size:60px; width:85px; height:85px; text-align:center; margin-bottom:10px}
#CozumAltBaslik .AltIcerikUst .AltResim{margin:20px 0}

#Cozum .CozumCerceve {
  margin: 50px auto;
  border-top: 1px solid #CCC;
  border-bottom: solid 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  -webkit-background-size: 1px 100%;
  -moz-background-size: 1px 100%;
  background-size: 1px 100%;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=),url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #CCC 0%, #FFF 100%), -webkit-linear-gradient(top, #CCC 0%, #FFF 100%);
  background-image: -moz-linear-gradient(top, #CCC 0%, #FFF 100%), -moz-linear-gradient(top, #CCC 0%, #FFF 100%);
  background-image: -o-linear-gradient(top, #CCC 0%, #FFF 100%), -o-linear-gradient(top, #CCC 0%, #FFF 100%);
  background-image: linear-gradient(to bottom, #CCC 0%, #FFF 100%), linear-gradient(to bottom, #CCC 0%, #FFF 100%);
  width:100%; border-radius:5px; padding:15px
}

#IcSayfa{margin-bottom:30px}
iframe{display:block}
#IcSayfa .UstMetin{margin-bottom:25px; font-size:16px}
#IcSayfa h1{font-size:26px; margin:60px 0 15px 0; padding:0 0 15px 0; font-weight:normal; color:#000;}
#IcSayfa h1 span{display:block; width:50px; background-color:#EEA72B; height:3px; margin-top:10px}
h2.AltBaslik{font-size:26px; margin:30px 0 15px 0; padding:0 0 15px 35px; font-weight:normal; color:#000;}
h2.AltBaslik span{display:block; width:50px; background-color:#EEA72B; height:2px; margin-top:10px}
#IcSayfa h4{font-size:22px; margin:30px 0 15px 0; padding:0 0 15px 15px; font-weight:normal; color:#000; background:url(/Images/Site/BaslikSol.jpg) no-repeat; }
#IcSayfa #HakkimizdaGaleri{margin:30px 0}
#IcSayfa #HakkimizdaGaleri .Galeri{cursor:pointer; margin:12px 0; position:relative}
#IcSayfa #HakkimizdaGaleri .Galeri div{position:relative}
#IcSayfa #HakkimizdaGaleri .Galeri img{ border-radius:15px}
#IcSayfa #HakkimizdaGaleri .Galeri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.70); border-radius:15px}
#IcSayfa #HakkimizdaGaleri .Galeri:hover .overlay {opacity: 1;}
#IcSayfa #HakkimizdaGaleri .Galeri .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa #HakkimizdaGaleri b{font-size:20px; display:block; margin:10px 0 20px 0; font-weight:normal; text-align:center}
#IcSayfa #HakkimizdaGaleri .Video{margin-bottom:45px}
#IcSayfa #HakkimizdaGaleri .Video span{font-size:30px; color:#E1AE00}
#IcSayfa #HakkimizdaGaleri .Video .text {top: 42%}
#IcSayfa #HakkimizdaGaleri .VideoAlt{background-color:#000;position:absolute;bottom:0; border-radius:15px; width:80%; left:10%; margin:0 0 20px 0; transition: .5s ease;}
#IcSayfa #HakkimizdaGaleri .VideoAlt b{padding:10px;  font-size:24px; color:#FFF; text-align:center; display:block; font-weight:normal; margin:0}
#IcSayfa #HakkimizdaGaleri .VideoAlt:hover{background-color:#E1AE00}


#IcSayfa #Referans{margin-bottom:10px}
#IcSayfa #Referans ul{padding-top:20px; margin-top:15px; border-bottom:solid 2px #DDD; margin-bottom:25px}
#IcSayfa #Referans ul li a{border:solid 0;color:#333; cursor:pointer; padding:5px 20px; border-bottom:solid 2px #FFF}
#IcSayfa #Referans ul li a:hover{color:#E1AE00; background-color:transparent; border-bottom:solid 2px #E1AE00}
#IcSayfa #Referans ul li.active a{border:solid 0; color:#E1AE00; cursor:default; border-bottom:solid 2px #E1AE00}
#IcSayfa .Referans{margin:30px 0}
#IcSayfa .Referans .ReferansResim{position:relative; margin-right:1px}
#IcSayfa .Referans img{margin:0 auto; display:block}
#IcSayfa .Referans{cursor:pointer; margin:12px 0 30px 0}
#IcSayfa .Referans .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.70);}
#IcSayfa .Referans .overlay img{ width:100%}
#IcSayfa .Referans:hover .overlay {opacity: 1;}
#IcSayfa .Referans:hover i{color:#E1AE00}
#IcSayfa .Referans .text {color: white;font-size: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
#IcSayfa .Referans i{font-size:24px; display:block; margin:10px 0; font-weight:normal; text-align:center; font-style:normal; transition: .5s ease;}
#IcSayfa .Referans .text span{font-size:16px; display:block; margin:10px 0; font-weight:normal; text-align:center}
#IcSayfa .tab-content{ padding-top:20px}


#IcSayfa .Katalog{margin:20px 0}
#IcSayfa .Katalog .KatalogResim{position:relative}
#IcSayfa .Katalog img{display:block; width:100%; border-radius:30px}
#IcSayfa .Katalog .KatalogResim img{border-bottom:solid 0;  display:block; width:100%}
#IcSayfa .Katalog .KatalogResim img+img{padding:10px; border:solid 0; padding:0}
#IcSayfa .Katalog .KatalogAlt{font-weight:400; font-size:20px; text-align:center; margin-top:20px; background:url(/Images/Site/Icon/1.png) no-repeat bottom center; padding-bottom:30px}
#IcSayfa .Katalog .KatalogAlt img{float:left; margin-right:10px; display:block; height:50px}
#IcSayfa .Katalog a .KatalogAlt b{display:block; font-weight:normal; color:#000; margin:5px 0}
#IcSayfa .Katalog a{color:#666}
#IcSayfa .Katalog a .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.6); border-radius:30px }
#IcSayfa .Katalog a:hover .overlay {opacity: 1;}
#IcSayfa .Katalog a .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}


#IcSayfa .Sertifika{margin:30px 0}
#IcSayfa .Sertifika .SertifikaResim{position:relative; border:solid 1px #CDCBD3; border-radius:30px}
#IcSayfa .Sertifika img{display:block; width:100%; border-radius:30px}
#IcSayfa .Sertifika .SertifikaResim img{border-bottom:solid 0;  display:block; width:100%}
#IcSayfa .Sertifika .SertifikaResim img+img{padding:10px; border:solid 0; padding:0}
#IcSayfa .Sertifika .SertifikaAlt{font-weight:400; font-size:20px; text-align:center; margin-top:20px; padding-bottom:20px}
#IcSayfa .Sertifika .SertifikaAlt img{float:left; margin-right:10px; display:block; height:40px; width:auto}
#IcSayfa .Sertifika a .SertifikaAlt b{display:block; font-weight:normal; color:#000; margin:5px 0 15px 0; font-size:18px}
#IcSayfa .Sertifika a .SertifikaAlt i{display:block; float:left; margin-top:10px; font-style:normal}
#IcSayfa .Sertifika .DokumanAlt{background-color:#000;position:absolute;bottom:0; border-radius:15px; width:80%; left:10%; margin:0; transition: .5s ease;}
#IcSayfa .Sertifika .DokumanAlt b{padding:10px;  font-size:24px; color:#FFF; text-align:center; display:block; font-weight:normal}
#IcSayfa .Sertifika .DokumanAlt:hover{background-color:#E1AE00}
#IcSayfa .Sertifika a{color:#666}
#IcSayfa .Sertifika a .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.6); border-radius:30px }
#IcSayfa .Sertifika a:hover .overlay {opacity: 1;}
#IcSayfa .Sertifika a:hover i{color:#E1AE00}
#IcSayfa .Sertifika a:hover .DokumanAlt{background-color:#E1AE00}
#IcSayfa .Sertifika a .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}

#IcSayfa .Haber{padding:0;margin:0 0 50px 0; color:#666; display:block}
#IcSayfa .Haber .HaberResim{position:relative}
#IcSayfa .Haber .HaberResim b{position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal;
background: -moz-linear-gradient(left, rgba(225,174,0,1) 0%, rgba(225,174,0,1) 14%, rgba(225,174,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%);
background: linear-gradient(to right, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ae00', endColorstr='#00e1ae00',GradientType=1 )}
#IcSayfa .Haber .Siyah b{position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );}
#IcSayfa .Haber img{border-radius:20px}
#IcSayfa .Haber span{line-height:26px; font-size:16px; display:block;  -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .Haber i{margin:20px 0 5px 0; color:#E1AE00; display:block; font-style:normal; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .Haber:hover span{color:#E1AE00}

#IcSayfa .Kutu{padding:0;margin:0 0 50px 0; color:#666; display:block; position:relative}
#IcSayfa .Kutu:hover b{position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal;
background: -moz-linear-gradient(left, rgba(225,174,0,1) 0%, rgba(225,174,0,1) 14%, rgba(225,174,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%);
background: linear-gradient(to right, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ae00', endColorstr='#00e1ae00',GradientType=1 )}
#IcSayfa .Kutu b{position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );}
#IcSayfa .Kutu img{border-radius:20px; width:100%; display:block}


#IcSayfa .HaberDetay{font-size:16px; line-height:26px}
#IcSayfa .HaberDetay img{float:left; margin:0 20px 20px 0; border-radius:30px}
#IcSayfa .HaberDetay h2{display:block; font-size:26px; margin:20px 0; font-weight:normal}
#IcSayfa .HaberDetay i{color:#E1AE00;  display:block; font-size:20px}
#IcSayfa .HaberDetay b{color:#E1AE00; font-weight:normal}

#IcSayfa .Marka{margin-bottom:30px; font-size:18px}
#IcSayfa .Marka .MarkaLogo{background-color:#FFF; border:solid 1px #D7D7D7; border-radius:15px; text-align:center; display:block; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .Marka img{max-width:100%; display:block}
#IcSayfa .Marka b{display:block; text-align:center; font-weight:normal;}
#IcSayfa .Marka:hover .MarkaLogo{background-color:#EEE}

#IcSayfa .Kategori{margin-bottom:100px}
#IcSayfa .Kategori img{width:100%; border:solid 1px #DEDDE2; border-radius:20px; padding:30px 50px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .Kategori .SolCizgi{width:3px; height:50px; background-color:#EEA72B; float:left; margin-right:10px}
#IcSayfa .Kategori h2{display:block; font-size:30px; margin-bottom:20px; font-weight:normal}
#IcSayfa .Kategori i{color:#000;  display:block; font-size:16px; font-style:normal; margin:0 0 20px 0}
#IcSayfa .Kategori b{font-weight:normal; font-size:16px; padding:8px 0 3px 0;}
#IcSayfa .Kategori b span{color:#EEA72B}
#IcSayfa .Kategori a:hover img{border-color:#E1AE00}



#IcSayfa .UstKategori{margin-bottom:50px}
#IcSayfa .UstKategori img{width:100%; border-radius:20px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .UstKategori h2{display:block; font-size:30px; margin-bottom:20px; font-weight:normal}
#IcSayfa .UstKategori i{color:#000;  display:block; font-size:16px; font-style:normal; margin:0 0 20px 0}
#IcSayfa .UstKategori a:hover img{border-color:#E1AE00}
#IcSayfa .UstKategori a{position:relative; display:block}
#IcSayfa .UstKategori b{position:absolute; bottom:10%; color:#FFF; padding:10px; font-size:24px; width:100%; font-weight:normal; left:0;
background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 14%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );}
#IcSayfa .UstKategori a:hover b {
    background: -moz-linear-gradient(left, rgba(225,174,0,1) 0%, rgba(225,174,0,1) 14%, rgba(225,174,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%);
    background: linear-gradient(to right, rgba(225,174,0,1) 0%,rgba(225,174,0,1) 14%,rgba(225,174,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ae00', endColorstr='#00e1ae00',GradientType=1 )
}
#IcSayfa .Urun{margin-bottom:50px; text-align:center; font-size:20px}
#IcSayfa .Urun .Resim{position:relative; margin-bottom:10px}
#IcSayfa .Urun img{width:100%; border-radius:20px; border:solid 1px #DCDDDE}
#IcSayfa .Urun b{font-weight:normal; font-size:16px; margin-left:13px; padding:8px 0 3px 30px}
#IcSayfa .Urun .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.6); ; border-radius:20px}
#IcSayfa .Urun:hover .overlay {opacity: 1;}
#IcSayfa .Urun .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa .Gri{background-color:#F8F8F8; padding:50px 0 0 0 }
#IcSayfa .Beyaz{background-color:#FFF; padding:50px 0 0 0 }
#IcSayfa #UrunAciklama{font-size:16px}
#IcSayfa #UrunAciklama h2{font-size:40px;  display:block; font-weight:normal; color:#E1AE00}
#IcSayfa #UrunAciklama i{font-size:24px; margin:30px 0; display:block; font-style:normal}
#IcSayfa #UrunAciklama a{display:block;padding:8px 0 5px 0; margin-top:20px}
#IcSayfa #UrunAciklama a span{color:#E1AE00}
#IcSayfa #myCarousel{border:solid 1px #ACAC9D; border-radius:20px; padding:30px}
#IcSayfa #myCarousel img{margin:0 auto;}

#IcSayfa #UrunGaleri{margin:10% 0 5% 0}
#IcSayfa .Galeri{margin:30px 0; }
#IcSayfa .Galeri .ResimCerceve{position:relative}
#IcSayfa .Galeri img{margin:0 auto; display:block}
#IcSayfa .Galeri{cursor:pointer; margin:12px 0}
#IcSayfa .Galeri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.70); }
#IcSayfa .Galeri:hover .overlay {opacity: 1;}
#IcSayfa .Galeri .text {color: white;font-size: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%}
#IcSayfa .Galeri .text span{font-size:26px; display:block; margin:10px 0; font-weight:normal; text-align:center}
#IcSayfa .UrunAciklama{font-size:16px; line-height:30px}
#IcSayfa .AltResim{margin:5% 0;}

#IcSayfa .Cozum {margin-bottom:70px; display:block}
#IcSayfa .Cozum a{display:block; position:relative}
#IcSayfa .Cozum a img{border-radius:30px; width:98%}
#IcSayfa .Cozum span{font-size:80px; float:left; color:#EEA72B; line-height:60px}
#IcSayfa .Cozum h3{float:left; font-size:30px; display:block; margin:36px 0 0 10px; color:#000}
#IcSayfa .Cozum .Cizgi{background:url(/Images/Site/CozumCizgi.jpg) no-repeat right center}
#IcSayfa .Cozum .Cizgi2{background:url(/Images/Site/CozumCizgi.jpg) no-repeat left center;}
#IcSayfa .Cozum .Cizgi2 img {margin-left:2%}
#IcSayfa .Cozum .KMetin{ padding:0 0 5px 5px; margin-top:30px}
#IcSayfa .Cozum .KMetin i{font-style:normal; display:block; font-size:18px; margin-bottom:15px}
#IcSayfa .Cozum .KMetin p{display:block; font-size:16px;padding:10px 0}

#IcSayfa .CozumBaslik{margin-bottom:20px}
#IcSayfa .CozumBaslik img{display:block; float:left}
#IcSayfa .CozumBaslik h2{display:block; float:left; color:#E1AE00; font-size:24px; margin:10px 0 0 10px}

#IcSayfa .Dosya{background:url(/Images/Site/Icon/6.png) no-repeat center left; padding:10px 10px 10px 50px; font-size:16px; display:block; margin-top:20px}
#IcSayfa .Dosya span{color:#E1AE00}

#IcSayfa .SatisDestek {margin-bottom:30px; }
#IcSayfa .SatisDestek a{display:inline-block; position:relative; border: solid 1px #DBDBEA; border-radius:15px; padding:10px}
#IcSayfa .SatisDestek a .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.70); border-radius:15px}
#IcSayfa .SatisDestek a:hover .overlay {opacity: 1;}
#IcSayfa .SatisDestek a .text {color: white;font-size: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%; text-align:center}
#IcSayfa .SatisDestek a .text img{ display:block; margin:10px auto;}
#IcSayfa .SatisDestek a .text b{font-size:30px; display:block; margin:5px 0; font-weight:normal; color:#E1AE00}
#IcSayfa .SatisDestek img{width:60%; border-radius:15px; float:left; margin:0 15px 0 0}
#IcSayfa .SatisDestek b{margin-top:10%; display:block; font-size:18px; font-weight:normal}
#IcSayfa .SatisDestek i{color:#E1AE00; text-decoration:underline; font-style:normal}
#IcSayfa .SatisDestek span{color:#E1AE00; }

#IcSayfa .SatisDestekDetay .GenelResim{background-color:#F5FCFD; border-radius:40px; padding:10px; margin-bottom:20px}
#IcSayfa .SatisDestekDetay .GenelResim img{padding:5%; width:100%; display:block}
#IcSayfa .SatisDestekDetay h2{display:block; float:left; font-size:18px; color:#FFF; background-color:#E1AE00; padding:10px 20px; border-radius:15px; margin:30px 0}
#IcSayfa .SatisDestekDetay .Dosya{background:none; padding:0; font-size:16px; display:block; margin-top:20px; display:block; border:solid 0}
#IcSayfa .SatisDestekDetay .Dosya i{display:block; border-radius:10px; background-color:#E1AE00; font-style:normal; color:#FFF; padding:5px; text-align:center}
#IcSayfa .SatisDestekDetay .Dosya span{background:url(/Images/Site/DokumanIndir.jpg) no-repeat center left; padding:10px 10px 10px 50px; font-size:16px; display:block; margin-top:0; color:#222}
#IcSayfa .SatisDestekDetay .Dosya:hover i{background-color:#222}
#IcSayfa .SatisDestekDetay .Dosya:hover span{color:#E1AE00}
#IcSayfa .SatisDestekDetay a{display:inline-block; position:relative; border: solid 1px #DBDBEA; border-radius:15px; padding:10px}
#IcSayfa .SatisDestekDetay a .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.70); border-radius:15px}
#IcSayfa .SatisDestekDetay a:hover .overlay {opacity: 1;}
#IcSayfa .SatisDestekDetay a .text {color: white;font-size: 20px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:90%; text-align:center}
#IcSayfa .SatisDestekDetay a .text img{ display:block; margin:10px auto;}
#IcSayfa .SatisDestekDetay a .text b{font-size:30px; display:block; margin:5px 0; font-weight:normal; color:#E1AE00}
#IcSayfa .SatisDestekDetay .thumbnail{margin-bottom:0}
#IcSayfa .SatisDestekDetay .TeknikBilgi{margin:40px auto; color:rgba(0,0,0,0.50)}
#IcSayfa .SatisDestekDetay .TeknikBilgi b{color:#E1AE00; font-weight:normal; font-size:18px}
#IcSayfa .SatisDestekDetay .TeknikBilgi td{padding-bottom:5px}
#IcSayfa .MarkaResim{background-color:#F7F7F9; border:solid 1px #DEDDE2; border-radius:30px; padding:40px}
#IcSayfa .MarkaIcerik b{font-size:20px; display:block; margin:0 0 20px 10px; font-weight:normal; color:#E1AE00}
#IcSayfa .MarkaIcerik span{ margin:0 0 20px 10px; display:block}

#IcSayfa .SSS{ font-size:18px}
#IcSayfa .SSS b{display:block; margin-bottom:10px; font-size:22px; font-weight:normal; color:#000}
#IcSayfa .SSS .Sag{text-align:right; border:dashed 2px #B1B1B1;border-left:none; border-radius:80px; padding:50px 30px; margin-top:-2px; border-top-left-radius:0; width:93%; margin-left:7%; border-bottom-left-radius:0}
#IcSayfa .SSS .Sol{text-align:left;border:dashed 2px #B1B1B1; border-right:none; border-radius:80px;padding:50px 30px; border-bottom-right-radius:0; width:93%; border-bottom:dashed none; border-top-right-radius:0; margin-top:-2px;}
#IcSayfa .SSS .Metin{float:left;width:93%}
#IcSayfa .SSS .Sol .Sayi{float:left;width:7%; margin-right:5%; margin-left:-65px}
#IcSayfa .SSS .Sol .Sayi p{border-radius:100%; background-color:#E1AE00; padding:20px; display:block; color:#FFF; text-align:center; font-size:24px}
#IcSayfa .SSS .Sag .Sayi{float:right;width:7%; margin-right:5%; margin-right:-65px}
#IcSayfa .SSS .Sag .Sayi p{border-radius:100%; background-color:#E1AE00; padding:20px; display:block; color:#FFF; text-align:center; font-size:24px}
#IcSayfa .SSSBizeUlasin{background-color:#E5E5E5; padding:25px 0; margin-top:50px}
#IcSayfa .SSSBizeUlasin a{display:block; float:right; border-radius:10px; background-color:#E1AE00; color:#FFF; padding:5px 20px; margin-top:30px}
#IcSayfa .SSSBizeUlasin a:hover{background-color:#000}

#IcSayfa .CozumResim{margin:30px 0 0 0}
#IcSayfa .CozumPanel{position:relative; margin-top:30px}
#IcSayfa .CozumResimler{margin-bottom:30px; display:block; padding:0; -webkit-box-shadow: 0px 0px 10px 3px  rgba(146, 146, 146, 0.5);-moz-box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);; border-radius:20px}
#IcSayfa .CozumResimler img{ position:relative; border-radius:20px}
#IcSayfa .CozumResimler .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(0, 0, 0, 0.6); ; border-radius:20px}
#IcSayfa .CozumResimler:hover .overlay {opacity: 1;}
#IcSayfa .CozumResimler .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa .CozumResimler strong{font-weight:normal; margin:10px 0; font-size:16px;display:block; padding-bottom:10px; height:45px}

#IcSayfa #Sistemler .Sistem{margin-bottom:30px; min-height:220px; border:solid 1px #CDCBD3; padding:15px; border-radius:15px; font-size:16px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa #Sistemler .SistemGri{background-color:#F4F4F4}
#IcSayfa #Sistemler .Sistem img{border-radius:15px}
#IcSayfa #Sistemler .Sistem b{display:block; font-weight:normal; font-size:24px; color:#1F1F1F; margin-bottom:10px;transition: .5s ease;}
#IcSayfa #Sistemler .Sistem:hover b{color:#E1AE00}

#IcSayfa #Sistemler .Sistem:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); z-index:9999}


#IcSayfa #accordion h4{margin:5px 0; padding-bottom:0; padding-left:30px}
#IcSayfa #accordion h4 a:hover, a:focus{text-decoration:none}

#IcSayfa h4 a{display:block}

#IcSayfa #IletisimBilgileri{text-align:center; font-size:16px; line-height:30px}
#IcSayfa #IletisimBilgileri span{margin:0 auto 20px auto;color:#ABABAB; font-size:30px; line-height:24px; display:block; text-align:center}
#IcSayfa #IletisimBilgileri b{font-size:24px; color:#E1AE00; display:block; margin:20px 0; font-weight:normal}
#IcSayfa #IletisimBilgileri .Cerceve{border:solid 1px #DEDDE2; border-radius:5px; padding:30px; width:90%}

#Iletisim #accordion h4{font-size:16px; font-weight:normal; padding-left:0; line-height:24px}
#Iletisim #accordion .panel-heading{padding:10px 0}
#Iletisim #accordion .Metin{float:left; width:78%}
#Iletisim #accordion .Icon {font-size: 24px;display: block; float: left; margin: 0 10px 0 0; width: 30px; color:#777}
#Iletisim #accordion b{display:block; margin-bottom:10px; font-size:22px; color:#E1AE00; font-weight:normal; margin-left:40px}
#Iletisim #accordion .panel-default > .panel-heading{background-color:#FFF}

.IletisimFormu{margin:40px 0}
.IletisimFormu input[type=text]{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:15px; font-size:18px; padding:10px; height:50px}
.IletisimFormu textarea{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; height:115px; font-size:18px; }
.IletisimFormu input[type=submit]{border:solid 0; padding:10px 20px; background-color:#E1AE00; color:#FFF; width:auto; border-radius:10px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-size:18px; }
.IletisimFormu input[type=submit]:hover{background-color:#000; }
.IletisimFormu .Sonuc{color:#F00; font-size:20px; margin-top:10px}
.IletisimFormu select{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px}

#SosyalMedya{margin-bottom:-25px; text-align:center; margin-top:50px}
#SosyalMedya i{font-style:normal; display:block; margin-bottom:20px; font-size:18px}
#SosyalMedya .SosyalMedyaContainer{margin:0 auto; width:220px}

#Footer{font-size:16px; color:#FFF; padding:25px 0 0 0; background:url(/Images/Site/AltBG.jpg) no-repeat top center #322A27; background-size:cover }
#Footer i{font-size:38px; display:block; margin-bottom:10px; line-height:42px; font-style:normal; color:#E1AE00}
#Footer b{display:block; margin-bottom:10px; font-weight:bold}
#Footer a{ color:#FFF}
#Footer a:hover{text-decoration:underline}
#Footer .AltOrta{margin-top:50px}
#Footer .AltOrta img{margin-bottom:10px; display:block}
#Footer .AltSag{margin-top:25px; text-align:center}
#Footer .AltSag b{ font-size:20px; margin-bottom:20px}
#Footer .AltSol img{margin:20px 0}

#Footer .AltSag a{ margin-top:20px; }
#Footer .AltSag span{color:#FFCC00}
a.QareMedia{display:block;}
a.QareMedia span{color:#FFCC00}

#Footer .AltMenu {margin:50px 0 0 0; }
#Footer .AltMenu a {display:block; margin-bottom:12px}
#Footer .AltMenu a:hover{color:#E1AE00; text-decoration:none}

.Bottom{margin-top:20px}
.Bottom .Copyright{background-color:#E1AE00; border-top-right-radius:10px; border-bottom-right-radius:10px; padding-top:10px; padding-bottom:10px; text-align:right}


#backshape {
  z-index:9;
  display:block;
  float:left;
  margin-top:-50px;
  width:100%;
  transform:skew(0deg,10deg);
-ms-transform:skew(0deg,10deg); /* IE 9 */
-webkit-transform:skew(0deg,-3deg);
background-color:#E1AE00;-webkit-box-shadow: inset 0px 20px 15px -10px rgba(0,0,0,0.50);
-moz-box-shadow: inset 0px 20px 15px -10px rgba(0,0,0,0.50);
box-shadow: inset 0px 20px 15px -10px rgba(0,0,0,0.50);
}


#backshape .wrapper {
  display:block;
  margin:50px auto 50px;
  width:100%;
  transform:skew(0deg,5deg);
-ms-transform:skew(0deg,-10deg);
-webkit-transform:skew(0deg,3deg); 
min-height:150px;
padding-bottom:50px
}

#Hizmetbackshape {
  z-index:10; display:block; float:left;
  margin-top:-110px;
  width:100%;
  transform:skew(0deg,10deg);
-ms-transform:skew(0deg,10deg); /* IE 9 */
-webkit-transform:skew(0deg,2deg);
}

#Hizmetbackshape .wrapper {
  display:block;
  margin:50px auto 50px;
  width:100%;
  transform:skew(0deg,-10deg);
-ms-transform:skew(0deg,-10deg);
-webkit-transform:skew(0deg,-2deg); 
min-height:150px;
padding-bottom:50px
}


#Otelbackshape {
    z-index: 19;
    display: block;
    float: left;
    margin-top: -100px;
    width: 100%;
    transform: skew(0deg,10deg);
    -ms-transform: skew(0deg,10deg); /* IE 9 */
    -webkit-transform: skew(0deg,-3deg);
    background-color: #FFF;
}
#Otelbackshape .wrapper {
  display:block;
  margin:50px auto 50px;
  width:100%;
  transform:skew(0deg,5deg);
-ms-transform:skew(0deg,-10deg);
-webkit-transform:skew(0deg,3deg); 
min-height:150px;
padding-bottom:50px
}

.separator {height: 1px;background-color: #e1e1e1;width: 50%;margin-left: 25%;margin-top: 45px;margin-bottom: 20px;}
.separator-style {background-color: #FCFCFC;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px;	border-style: solid;	border-color: #e1e1e1;	border-width: 2px;	display: block;	height: 9px;	left: 50%;	margin-left: -5px;	margin-top: -4px;	position: absolute;	width: 9px;}
.separator-left {	height: 1px;	background-color: #e1e1e1;	width: 50%;	/*margin-left: 25%;*/	margin-top: 25px;	margin-bottom: 25px;}
.separator-left-style {	background-color: #FCFCFC;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px;	border-style: solid;	border-color: #e1e1e1;	border-width: 2px;	display: block;	height: 9px;	/*left: 50%;*/	margin-left: 0px;	margin-top: -4px;	position: absolute;	width: 9px;}
.separator-right {	height: 1px;	background-color: #e1e1e1;	width: 50%;	margin-left: 50%;	margin-top: 25px;	margin-bottom: 25px;}
.separator-right-style {	background-color: #FCFCFC;	-moz-border-radius: 20px;	-webkit-border-radius: 20px;	border-radius: 20px;	border-style: solid;	border-color: #e1e1e1;	border-width: 2px;	display: block;	height: 9px;	right: 0;	margin-right: 6px;	margin-top: -4px;	position: absolute;	width: 9px;}

@media only screen and (min-width:768px){
  .dropdown-submenu:hover>.dropdown-menu {
    display:block;
  }
}