html {
  margin: 0;
  padding: 0;
}

body {
  background-color: #EAE5E0;
  font-weight: 400;
  font-size: 16px;
  color:#232425;
  font-family: 'Red Hat Display', sans-serif;
}


html * {
  /* -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out; */
  outline: none;
}

/* html *:after {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
} */

/* html *:before {
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    transition: all .4s ease-out;
} */

h1,
h2,
h3,
h4,
span {
  padding: 0;
  margin: 0;
}

p {
  margin: 0px 0px 0px 0px;
  line-height: 27px;
}

.ozel-a-mini {
  text-decoration: none !important;
  color: #303030;
  font-weight: 600;
  border-bottom: 4px solid #fc9058;
  font-size: 16px;
}

.ozel-a-mini:hover {
  color: #fc9058;
  cursor: pointer;
}

a {
  text-decoration: none !important;
}


/* ----- */






.textA {
  color: #3fc6e3;
  font-weight: 500;
}

.textA:hover {
  color: #3fc6e3;
}

.mini-text {
  font-size: 12px;
  line-height: 20px;
  color: #b3aba5;
}

.golge {
  -webkit-box-shadow: 0px 5px 6px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 6px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 6px 4px rgba(0, 0, 0, 0.1);
}

h1 {
  color: #002244;
  font-weight: 400;
  font-size: 42px;
  line-height: 55px;
  font-family: 'Noto Serif Display', serif;
}


h2 {
  color: #002244;
  font-weight: 600;
  font-size: 30px;
  font-family: 'Noto Serif Display', serif;
}

.anaSayfaH2{
  font-size: 40px;
  line-height: 58px;
}

h3 {
  color: #002244;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
}

h4 {
  color: #002244;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}

.nasil-calisir {
  color: #002244;
  font-weight: 700;
  font-size: 22px;
}

.dytAnaMenuDropDown {
  width: 439px;
  margin-top: 22px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.yuk-5 {
  height: 5px;
}
.yuk-10 {
  height: 10px;
}
.yuk-15 {
  height: 15px;
}
.yuk-20 {
  height: 20px;
}
.yuk-25 {
  height: 25px;
}
.yuk-30 {
  height: 30px;
}
.yuk-40 {
  height: 40px;
}
.yuk-50 {
  height: 50px;
}
.yuk-60 {
  height: 60px;
}
.yuk-70 {
  height: 70px;
}
.yuk-80 {
  height: 80px;
}
.yuk-90 {
  height: 90px;
}

.yuk-100 {
  height: 100px;
}



.button-secondary {
  border: 2px solid #ffffff; 
  /* background: linear-gradient(90deg, #e7b100 0%, #fc9058 100%); */
  /* box-shadow: 0 5px 20px rgba(255, 134, 0, 0.36); */
  padding: 14px 33px;
  border-radius: 5px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  cursor: pointer;
}

.button-secondary:hover {
  cursor: pointer;
  background-color: #ffffff;
  color: #303030;
}

.spot-metin {
  font-size: 22px;
  line-height: 32px;
}

.baslik {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
}



.colorBlueLink {
  color: #6AC1E7;
  font-weight: 600;
}

.colorBlueLink:hover {
  color: #6AC1E7;
}

.colorRed {
  color: #ef5052;
}

.backgroundWhite {
  background-color: white;
}

.backgroundBlack {
  background-color: #303030;
}

.backgroundBlue {
  background-color: #6AC1E7;
}


.kulakcikAktif {
  padding: 15px 20px;
  min-width: 200px;
  border-radius: 5px 5px 0px 0px;
  color: #3fc6e3;
  background-color: #fafafa;
  flex: 1;
  margin: 0px 1px;
}

.kulakcikPasif {
  background-color: #36b8d4 !important;
  padding: 15px 20px;
  min-width: 200px;
  border-radius: 5px 5px 0px 0px;
  flex: 1;
  margin: 0px 1px;
}

.kulakcikPasif:hover {
  background-color: #2baac5 !important;
  cursor: pointer;
}

#megaMenu {
  z-index: 200;
  top: 64px;
  position: fixed;
  width: 100%;
  background-color: #fff;
  padding: 30px 0px;
}

#megaMenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#megaMenu ul li {
  padding: 5px 0px;
}

.bigNumber {
  font-size: 45px;
}

/* .breadcrumb {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: .75rem 0rem;
   margin-bottom: 0px;
   list-style: none;
   background-color: #ebf8fb;
   border-radius: 0px;
}

.breadcrumb-item.active {
   color: #303030;
   font-size: 14px;
   font-weight: 600;
} */

.maviLink {
  color: #3fc6e3;
  font-size: 14px;
  font-weight: 600;
}

.mw800 {
  max-width: 800px;
}

.esnekBosluk {
  height: 90px;
}

.icSayfaHead {
  padding: 70px 0px;
}


.icSayfaHeadAnaSayfa {
  padding: 70px 0px;
  height: 46vh;
}





.bottom-sticky {
  background: rgb(22, 76, 130);
  background: linear-gradient(
    34deg,
    rgba(22, 76, 130, 1) 15%,
    rgba(0, 212, 255, 1) 100%
  );
  display: none;
  position: fixed;
  bottom: 0px;
  border: none;
  outline: none;
  padding: 15px;
  width: 100%;
  background-color: white;
  z-index: 100;
  -webkit-box-shadow: 0px 16px 36px 4px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 16px 36px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 16px 36px 4px rgba(0, 0, 0, 0.35);
}

.bottomLink {
  color: white;
  font-weight: 700;
}

.kulakcikYazi {
  font-weight: 700;
  line-height: 20px;
}

.table-genislik {
  width: 33%;
}

.esnek-bosluk {
  height: 80px;
}

.rounded-img {
  border-radius: 15px;
}

.bold-text {
  font-weight: 600;
}

.ozellik-aciklama {
  font-size: 14px;
}
.mobildeOrtaliOwlImage {
  width: auto !important;
}

.table td {
  border-top: 1px solid #ecece5 !important;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ecece5 !important;
}

.table td,
.table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #ecece5 !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 25px !important;
}

.hamburger {
  height: 35px;
}


.telefondaGizle {
  display: block;
}

.telefondaGoster {
  display: none;
}

.tasiyici1200 {
  max-width: 1200px;
  padding: 0px 15px;
}

.tasiyiciFlex {
  display: flex;
}

.tasiyiciFlexMobildeSatirli {
  display: flex;
  align-items: flex-start;
}

.tasiyiciFlexMobildeSatirliReverse {
  display: flex;
}

.flexCenter {
  align-items: center;
}

.flex1 {
  flex: 1;
}
.flex2 {
  flex: 2;
}
.flex3 {
  flex: 3;
}
.flex4 {
  flex: 4;
}
.flex5 {
  flex: 5;
}
.flex6 {
  flex: 6;
}
.flex7 {
  flex: 7;
}

.flex8 {
  flex: 8;
}

.flex9 {
  flex: 9;
}

.flex10 {
  flex: 10;
}




.logolar {
  height: 40px;
}

.anaMenu .anaMenuBeyaz {
  color: white !important;
  font-weight: 600;
  font-size: 16px;
}

.anaMenu .anaMenuBeyaz:hover {
  color: rgb(255, 255, 255, .7) !important;
}

.anaMenu .anaMenuItem {
  color: white;
  font-weight: 400;
  font-size: 16px;
  
}

.dilSecimiHead{
  color:white !important;
}

.dilSecimiHead:hover{
  color: #98b8d9 !important;
}

.underLineenroute{
  text-decoration: none;
}

.underLineenroute:hover{
  text-decoration: underline;
}


.anaMenu .anaMenuItem:hover {
  color: #98b8d9;
}

.anaMenu .aktif {
  border-bottom: 1px solid white;
  color: white;
}

.anaMenu li {
  display: inline-block;
  margin-left: 7px;
  margin-right: 7px;
  padding: 25px 0;
  /* border-bottom: 4px solid white;
  border-top: 4px solid white; */
}

.anaMenu li:last-child{
  margin-right: 0px !important;
}

.dropdown-item {
  font-weight: 400 !important;
  padding: 10px 12px;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.dropdown-item:active{
  background-color: #fafafa;
  color: #212121;
}



.siyahLink {
  color: #303030;
}

.siyahLink:hover {
  color: #3fc6e3;
}



.new {
  background-color: #fc9058;
  padding: 3px 12px;
  font-weight: 700;
  color: white;
  margin-right: 10px;
  border-radius: 4px;
  font-size: 12px;
}

.anaSayfaH1{
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
}

.anaSayfaH1STNZ{
  font-weight: 400;
  font-size: 38px;
  line-height: 51px;
  padding:0px 15px;
}

.yeniHaber {
  background-color: #d2f0f7;
  padding: 7px 12px 7px 7px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
  display: inline-block;
  text-align: left;
}

.dropdown-menu {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  outline: none;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: none;
  border-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.colorGrey {
  color: #747474;
}

.colorBlack {
  color: #303030 !important;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0px 0px 15px 0px;
}

.fw700{
  font-weight: 700 !important;
}

.f18{
  font-size: 18px !important;
}

.btn {
  display: inline-block;
  font-weight: 600 !important;
  text-align: left;
  white-space: initial;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0px;
  font-size: 18px !important;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.mobildeGoster{
  display: none;
}


.hizmetKutusuIc{
  background-color: #fbf8f6;
  padding:10px;
  border-radius: 5px;
  min-height: 239px;
  color: #002244;
  font-weight: 600;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  outline: none;
}

.hizmetKutusuIc:hover{
  background-color: #002244 !important;
  color:#fbf8f6;
}


.anasayfaEsnekBosluk{
  height: 70px;
}

.icSayfaHeadAnaSayfaBg{
  background-image: url(../malzemeler/img/stnz/header-hakkimizda.jpg);
}


.ekipListesi{
  margin-bottom: 20px;
}


@media (max-width: 1400px) {
  .head-beyaz-zemin {
    max-width: 50%;
  }
}

@media (max-width: 768px) {

  .ekipListesi{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d5c9be;
  }

  .ekipListesi:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }

  .mobildeGizli {
    display: none;
  }

  .mobildeGoster{
    display: block !important;
  }

  .footerSutun{
    padding: 0px !important;
  }
  
  .footerSutun:first-child{
    padding: 0px !important;
  }
  
  .footerSutun:last-child{
    padding: 0px !important;
  }

  .girisFormBoxPadding {
    padding: 30px 0px !important;
  }

  .girisTasiyiciContainer {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }

  .head-beyaz-zemin {
    max-width: 90%;
  }

 

  .bottom-sticky {
    padding: 10px !important;
    z-index: 50;
  }

  .tasiyiciFlexMobildeSatirli {
    flex-direction: column;
  }

  .tasiyiciFlexMobildeSatirliReverse {
    flex-direction: column-reverse;
  }

  .mobildeMarginBottom {
    margin-bottom: 30px;
  }

  #hizmetlerSagSutun {
    margin-left:0px !important
  }



}

@media (max-width: 992px) {

  .anaSayfaOzelH1{
    font-size: 40px !important;
    line-height: 54px !important;
  }

  .anaSayfaOzelSpot{
    font-size: 20px !important;
line-height: 30px !important;
  }



  .homeFormMobile100{
    width: 100% !important;
  }

  .mobilde-bottom-padding {
    padding-bottom: 70px;
  }

  h1 {
    font-size: 30px;
    line-height: 41px;
  }

  h2 {
    font-size: 30px;
    line-height: 38px;
  }

  

  h4 {
    font-size: 22px;
  }

  .head {
    height: 400px;
  }

  .esnek-bosluk {
    height: 60px;
  }
}

@media (max-width: 540px) {

  .icSayfaHeadAnaSayfaBg{
    background-image: url(../malzemeler/img/stnz/header-hakkimizda-mobil.jpg);
  }

  .anasayfaEsnekBosluk{
    height: 125px !important;
  }
  


  .icSayfaHeadAnaSayfa {
    height: 60vh !important;
  }

  .duyuruKutusu{
    min-height: 150px !important;
  }


.hizmetKutusuIc{
  min-height: 208px !important;
}


  .anaSayfaOzelH1{
    font-size: 30px !important;
    line-height: 42px !important;
  }

  .anaSayfaOzelSpot{
    font-size: 16px !important;
line-height: 26px !important;
  }


  .icSayfaHeadUcretlendirme {
    padding: 50px 0px 90px 0px;
  }

  #ucretlendirmeHead {
    background-image: none !important;
  }

  #gunSecimiBoxTasiyici {
    padding: 30px 15px !important;
  }

  .telefondaGizle {
    display: none !important;
  }

  .telefondaGoster {
    display: flex !important;
  }

  .mobildeW100{
    width: 100% !important;
    text-align: center;
  }

  .anaSayfaHead {
    height: 100vh !important;
  }

  .anaSayfaH1{
    font-weight: 700;
    font-size: 36px;
    line-height: 46px;
  }

  .anaSayfaH2{
    font-size: 32px;
    line-height: 44px;
  }

  h3 {
    color: #303030;
    font-weight: 700;
    font-size: 26px;
    line-height: 34px;
  }
  

  .spot-metin {
    font-size: 20px;
    line-height: 30px;
  }


  .homeYorumTasiyici{
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0px !important;
    
  }

  .homeYorumTasiyici{
    padding: 30px 15px !important;
  }



  #kendiWebSitemFormBg {
    background-image:none;
  }

  .btn-ozel-link-sss {
    margin-left: 0px !important;
  }

  .card-body-sss {
    margin-right: 0px !important;
  }

  #ucretlendirmeBox {
    padding: 25px 15px !important;
  }

  .ozel-nav-item a {
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .ozel-nav-item .active {
    font-size: 14px !important;
    font-weight: 400 !important;
  }

  .head-beyaz-zemin {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .ozellik-aciklama {
    font-size: 14px !important;
  }

  .mobilde-center {
    text-align: center;
  }

  .table-genislik {
    width: auto;
  }

  .mobildeOrtali {
    text-align: center !important;
  }

  .mobildeOrtaliOwlImage {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .fiyatTasiyici {
    flex-direction: column;
  }
}

@media (max-width: 1100px) {
  .hamburger {
    display: inline-block !important;
  }


  .logolar {
    margin: 12px 0px;
  }

  .hamburger {
    height: 32px;
  }
}


@media (max-width: 1290px) {
  .anaSayfaHead {
    height: 80vh;
  }
}