html{overflow-x:hidden;margin:0;padding:0;}
body{margin:0;padding:0; font-family: 'Open Sans', sans-serif;opacity: 1!important;}
h1, h2, h3, h4, h5, ul, ol, img, a, p, li{margin:0;padding:0;list-style:none;text-decoration:none;color:#333;border:none;outline:none;}
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
.nomarginright{margin-right:0 !important;}
.nomarginleft{margin-right:0 !important;}
.nomargintop{margin-top:0 !important;}
.nomarginbottom{margin-top:0 !important;}
.sol{float:left !important;}
.sag{float:right !important;}
.gizle{visibility:hidden;}
a{transition:all .2s linear;}

.kapsar{
  width:100%;
  float:left;
}
.ortala{
  width: 1080px !important;
  margin:0 auto!important;
}
header{
  float: left;
  width: 100%;
  height: 90px;
  background-color: #f9fcfd;
}
.logo{
  float: left;
  width:220px; 
  position: absolute;
  z-index: 99;
  margin-left: -9px;
  margin-top: 15px;
}
.logo img{
  float: left;
  width:220px;
}
.hmenu{
  float: left;
  width: 100%;
  height: 90px;
  line-height: 90px;
  position: absolute;
  display: flex;
  justify-content: center; 
  left:0; z-index:1;
}
.hmenu li{
  display:block;
  float:left;
}
.hmenu li a{
  color:#4294b5 ; 
  padding:10px 14px;
  font-size: 13px;
  font-weight: bold;
}
.hmenu li a:hover{
  border-bottom: solid 2px #4294b5;
}
.sosyaller{
  float: right;
  position: relative;
  z-index: 99;
  height: 90px;
  line-height: 90px;
  width: 100px;
}
.sosyaller i{
  color: #4294b5;
  margin-left: 10px;
  font-size: 15px;
  float: right;
  margin-top: 44px;
}
.flexslider{
  float: left;
  height: 700px;
  width: 100%;
}
.slider{
  float: left;
  height: 700px;
  width: 100%;
  z-index: 2;
  position: relative;
}
.tadimlik{float: left; 
  width: 100%; 
  display: flex; 
  justify-content: center; 
  margin-top: 130px;
}
.slides {
  width: 100%;
  height: 700px;
}
.slides li{
  z-index: 2;
  height: 700px;
}
.slidebaslik{
  float: left;
  width: 500px;
  margin-top: 60px;
}
.slideurunfoto img {
  position: relative;
  animation: demoo 4s;
  }
  
  @keyframes demoo {
  0% {top:0px;}
  25%{top:-40px;}
  75%{top:40px;}
  100% {top:0px;}
  }
.slidebaslik{
  color: white;
}
.slideurunfoto{
  float: right;
  width: 500px!important;
}
.slides img{
  float: right;
  width: 200px!important;
  margin-top: 350px;
}
.slidebaslik{
  margin-top: 430px;
}
.slides a{
  margin-top: 66px;
  float: left;
  width: 190px!important;
  height: 40px;
  border-radius: 20px;
  background-color:#4294b5 ;
  color: white;
  font-size: 20px;
  padding-top:10px;
  box-sizing: border-box;
  text-align: center;
  bottom: 0;
}
.slides a:hover{
  background-color: white;
  color: #4294b5;  
}
.kargoalani{
  float: left;
  width: 100%;
  height: 170px;
  background-color: #b5cfdb;
}
.kargotamalan{
  margin-top: 10px;
  float: left;
  width: 100%;
  height: 150px;
  background-color: #a5e0fb;
}
.kargoalankutu{
  float: left;
  width: 268px;
  height: 90px;
  border-right: solid 2px #b5cfdb;
  margin-top: 30px;
}
.kargoalankutu:nth-child(3n+4){
  border: 0;
}
.kargoalankutu i{
  font-size: 20px;
  float: left;
  height: 90px;
  line-height: 90px;
  color: #5d6568;
  margin-left: 25px;
}
.kargoalankutu p{
  font-size: 14px;
  float: left;
  height: 90px;
  line-height: 90px;
  color: #5d6568;
  text-align: center;
  margin-left: 25px;
}
.onecikanlar{
  width: 100%;
  height: 613px;
  float: left;
  background-color: #d8e3e7;
}
.onecikanbaslik{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
.onecikanbaslik img{
  width: 400px;
}
.onecikankutular{
  float: left;
  width: 100%;
  height: 583px;
}
.onecikankutu{
  float: left;
  width: 251px;
  height: 391px;
  border: solid 2px #4294b5;
  margin-top: 30px;
  margin-right: 20px;
}
.onecikankutu:hover{
  border: solid 2px #0f0f0f
}
.onecikankutu:hover .altcizgi{
  border: solid 2px #4294b5;
  background-color: #4294b5;
}
.onecikanurunfoto{
  float: left;
  width: 251px;
  height: 334px;
  background-color: #fff;
}
.onecikanurunfoto img{
  float: left;
  width: 251px;
  height: 334px;  
}
.onecikankutu p{
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  margin-top: 345px;
}
.altcizgi{
  width: 60px;
  height: 1px;
  border: solid 2px black;
  background-color: black;
  border-radius: 30px;
  margin-top: 10px;
  margin-left: 95px;
}
.yenigelenler{
  width: 100%;
  height: 583px;
  float: left;
  background: #eff2f3;
}
.yatirimlikurun{
  width: 100%;
  height: 583px;
  float: left;
  background: #eff2f3;
}
.indirimdekiurun{
  width: 100%;
  height: 583px;
  float: left;
  background-color: #d8e3e7;
}
.sosyalalan{
  float: left;
  width: 100%;
  height: 100px;
  background-color:#d8e3e7;
  text-align: center;
}
.sosyalalan p{
  float: left;
  width: 100%;
  font-size: 15px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
.sosyalalan a{
  width: 70px;
  font-size: 15px;
  background-color: #4294b5;
  border-radius: 20px;
  padding: 5px 15px;

}
.sosyalalan a:hover{
  color: white;
}
.yukaributon{
  float: left;
  width: 100%;
  text-align: center;
  height: 60px;
  background-color:#eff2f3;
  padding-top: 10px;
}
.yukaributon img:hover{
  margin-top: 3px;
}
footer{
  float: left;
  width: 100%;
  height: 132px;
  background-color: #b5d8e3;
}
.footeraltbar{
  float: left;
  width: 100%;
  height: 50px;
  background: #d8e3e7;
}
.footeraltbar p{
  color: black;
  font-size: 12px;
  height: 50px;
  line-height: 50px;
  width:350px;
}
.yukarikaydir{
  float: left;
  width: 100%;
  height: 90px;
  background-color: rgb(94, 88, 88);
}
.onecikankutu:nth-child(3n+4){
  margin-right: 0;
}
.footeraltbar a{
  float: right;
  margin-top: -50px;
  background-color: #fff;
  width: 170px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-top-left-radius:30px;
  border-top-right-radius:30px;
}
.footeraltbar a img{
  width: 130px;
  margin-top: 17px;
}
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #4294b5;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #fff;
}

/* sayfa görünümü kodları */

.peycb { height:92px; background:#f5f5f9; }
.peycb h1 { color:#005489; padding-top:10px; font-size: 26px;}
.peycb p { padding-top:10px; font-size:12px; color:#b9b9b9; }
.peyc { padding-top:40px; padding-bottom:40px; }
.peyc p { font-size:17px; line-height:24px; padding-bottom:20px; }

/* İletişim sayfasi kodları */
.iletisimgorseli{float: left;width: 100%;height:788px;margin-top: -80px;}
.iletisimgorselrenk{float: left;width: 100%;height: 788px;background-color: rgba(61, 78, 177, 0.459);}
.beyazalan{float: left; width: 800px;height: 200px;background-color: rgba(0, 0, 0, 0.603);border-radius: 20px;margin-top: 294px;margin-left: 200px; }
.beyazalan h2 { text-align:center; font-size:24px; color:#ffffff; padding-top:55px; }
.beyazalan h2 { 
overflow: hidden; 
  border-right: 0; 
  white-space: nowrap; 
  margin: 0 auto; 
  letter-spacing: .15em; 
  animation: 
    typing 3.5s; }
	/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
.beyazalan { color:#000; font-weight:normal; }
.contactlink { float: left; text-align: center; height: 55px; padding: 0 50px; display: flex; justify-content: center; align-items: center; width: calc(100% - 100px); }
.contactlink a { color: #ffffff;  line-height: 55px; float: left; font-size: 20px; padding: 0 10px; }
.contactlink a:hover { color: #bbb4b4; }

.harita{height: 450px;width: 50%;float: left;}


.hakkimdaicerik{position: relative;margin-top: -81px;}
.hakkimdayazi{float: right;width:100%;height: 400px;background-color: rgba(255, 255, 255, 0.842);border-radius: 25px;margin-top: 176px;}
.hakkimdayazi:hover{background-color: rgb(255, 255, 255);}
.hakkimdasayfafoto img{float: left;width: 250px;height: 250px;margin-top: 50px;margin-left: 195px;border-radius: 50%;border: #005489 solid 3px;}
.hakkimdayazi p{float: left;width: 100%;padding: 50px;box-sizing: border-box;text-align: justify;font-size: 15px;}
.hakkimdayazi h1{width: 100%; text-align: center; color: #333368;margin-top: 20px;}

.iletisimbilgi{height: 450px;width: 50%;float: left;background-color:#b5d8e3;}
.ilbilgiler {
  width: 100%;
  float: left;
  padding-bottom: 30px;
}
.ilbilgiler h3{
  margin-top: 70px;
  margin-left: 60px;
  margin-bottom: 40px;
}
.ilbilgiler p {
  margin-left: 60px;
  padding-bottom: 0;
  width: 80%;
  float: left;
  line-height: 50px;
  height: 50px;
  font-size: 16px;
  border-bottom: 1px #e4e6eb solid;
}
.ilbilgiler p i {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #f4f5f9;
  margin-right: 6px;
  display: block;
  float: left;
  margin-top: 10px;
  transition: all .2s linear;
}
.ilbilgiler p i:hover{
  background: #e73838;
}
.kategoriler{
  float: left;
  width: 100%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.kategoriler a{
  float: left;
  width: 345px;
  height: 200px;
  margin-right: 16.5px;
  margin-bottom: 16.5px;
  border: solid 2px #4294b5;
}
.kategoriler a:nth-child(3n+3){
  margin-right: 0;
}
.kategoriler img{
  float: left;
  width: 345px;
  height: 200px;
}
.kategoriler a p:hover{
  color: #fff;
}
.kategoriler p{
  float: right;
  position: relative;
  margin-top: -70px;
  color: rgba(243, 235, 235, 0.801);
  width: 100px;
  text-align: left;
  margin-right: 45px;
  font-size: 18px;
  font-weight: 700;
}
.urungoster{
  width: 540px;
  height: 720px;
  float: left;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
  border: solid 2px #4294b5;
  margin-right: 60px;
}
.urungoster img{
  width: 540px;
  height: 720px;
  float: left;
}
.postcontent{
  float: left;
  width: 476px;
  margin-top: 30px;
}
.postcontent h2{
  float: left;
  width: 100%;
  text-align: center;
  color: #005489;
  height: 40px;
  background-color: #f5f5f9;
  line-height: 40px;
}
.urunicerik{
  width: 100%;
  float: left;
  margin-top: 30px;
}
.urunicerik{
  float: left;
  height: 320px;
  width: 100%;
}
.urunicerik p{
  color: #0f0f0f;
  font-size: 18px;
}
.omurboyubakim{
  width: 476px;
  float: left;
}
.postcontent img{
  float: left;
  width: 200px;
  height: 200px;
  margin-left: 138px;
  margin-bottom: 35px;
  opacity: 0.5;
  margin-top: 35px;
}
.postcontent img:hover{
  opacity: 1;
}
.urungoster:hover{
  border: solid 2px #0e1011;
}
.post{
  float: left;
  width: 249px;
  margin-right: 22px;
  height: 370px;
  border: solid 2px #4294b5;
  margin-bottom: 20px;
}
.post img{
  float: left;
  width: 249px;
  height: 332px;
}
.postdetails p{
  font-family: 'Quicksand', sans-serif;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
}
.post:nth-child(4n+4){
  margin-right: 0;
}
.boslukkategori{
  float: left;
  width: 100%;
  height: 30px;
}
.urunkarko{
  float: left;
  width: 100%;
}
.urunkarko i{
  float: left;
  font-size: 20px;
  margin-left: 100px;
  margin-right: 10px;
  color: #4294b5;
}
.urunkarko p{
  float: left;
  font-size: 20px;
  margin-top: -5px;
  color: #4294b5;
}
.blogyazi{
  float: left;
  width: 100%;
}
.blogyazi a{
  width: 340px;
  height: 340px;
  float: left;
  border: solid #4294b5 2px;
  margin-top: 70px;
  margin-bottom: 70px;
  margin-right: 20px;
}
.blogyazi a:nth-child(4n+4){
  margin-top: -50px;
}
.blogyazi a:nth-child(3n+3){
  margin-right: 0;
}
.blogyazi img{
  width: 340px;
  height: 340px;
  float: left;
}
.yuzukkolcu{
  float: left;
  width: 100%;
}
.yuzukolcu h2{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.yuzukkolcu p{
  width: 100%;
  text-align: justify;
}
.bilezikolcu{
  float: left;
  width: 100%;
}
.bilezikolcu h2{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.bilezikolcu p{
  width: 100%;
  text-align: justify;
}
.ziynetblog{
  float: left;
  width: 100%;
}
.ziynetblog h2{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.ziynetblog p{
  width: 100%;
  text-align: justify;
}
.altinayar{
  float: left;
  width: 100%;
}
.altinayar h2{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.altinayar p{
  width: 100%;
  text-align: justify;
}
.fligran{
  float: right;
  width: 90px;
  height: 90px;
  position: relative;
  margin-top: -150px;
  margin-right: 15px;
}
.fligran img{
  float: left;
  width: 90px;
  height: 90px;
  opacity: 0.5;
}
.fligran2{
  float: right;
  width: 70px;
  height: 70px;
  position: relative;
  margin-top: -90px;
  margin-right: 15px;
}
.fligran2 img{
  float: left;
  width: 70px;
  height: 70px;
  opacity: 0.5;
}
.fligran3{
  float: right;
  width: 90px;
  height: 90px;
  position: relative;
  margin-top: -120px;
  margin-right: 15px;
}
.fligran3 img{
  float: left;
  width: 90px;
  height: 90px;
  opacity: 0.5;
}