@import url(https://fonts.googleapis.com/css?family=Exo:300,500,700&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600);
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
body.admin-menu {
  margin-top: 29px !important;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 10px 0;
  padding: 0;
}
ul {
  padding: 0 0 0 30px;
}
*:focus {
  outline: none;
}
.grippie {
  display: none !important;
}
.messages {
  width: 90%;
  position: fixed;
  bottom: -3px;
  left: 50%;
  margin: 0 0 0 -47% !important;
  padding: 0 5%;
  margin: auto;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.form-text,
.form-textarea,
.form-select {
  padding: 10px;
  border: 1px solid #aaaaaa;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.form-submit {
  padding: 7px 15px;
  cursor: pointer;
  color: #FFF;
  border: none;
  background: #006DB7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.form-submit:hover {
  background: #FFB900;
}
.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url(/sites/tanitimtiri.com/themes/fresh_theme/images/select.png) right center no-repeat;
  padding: 10px 40px 10px 10px;
}
.front #first-time {
  display: none;
}
/* ----------------- Site genel kodlar� ----------------- */
a:link,
a:visited {
  text-decoration: none;
  display: inline-block;
  color: #00ccbc;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
a:hover,
a:active,
a.active {
  color: #bc0000;
}
body {
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
}
#headerHolder {
  width: 100%;
  height: 45px;
  background: url(/sites/tanitimtiri.com/themes/fresh_theme/images/headertopbg.png) no-repeat center;
  float: left;
}
@media screen and (max-width: 1000px) {
  #headerHolder {
    display: none;
  }
}
#block-imageblock-2 {
  margin: 25px auto 22px;
  float: left;
  padding: 0 65px 0 0;
  margin-right: auto;
  max-width: 300px;
  height: auto;
}
#block-imageblock-2 img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: -15px;
}
@media screen and (max-width: 1000px) {
  #block-imageblock-2 {
    margin: 0;
    padding: 2px 0;
    width: 220px;
  }
  #block-imageblock-2 img {
    margin-top: 0;
  }
}
#headerBlok {
  width: 100%;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  #headerBlok {
    position: fixed;
    top: 0;
    left: 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.7);
    z-index: 100;
    backdrop-filter: blur(10px);
  }
}
.region-header {
  width: 1200px;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .region-header {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
  }
}
#block-block-2 {
  position: absolute;
  top: -2px;
  left: 40%;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #block-block-2 {
    display: none;
  }
}
#block-block-3 {
  width: 285px;
  float: left;
  font-size: 0.85em;
  color: #6B6B6B;
  line-height: 18px;
  margin: 25px auto 22px;
  padding: 5px 8px;
}
@media screen and (max-width: 1000px) {
  #block-block-3 {
    display: none;
  }
}
#block-block-3 .content img {
  margin: -11px 0 0 0;
}
#block-block-3 .content a {
  color: #006DB7;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 1rem;
}
#block-block-3 .content a:hover {
  color: #6B6B6B;
}
#block-block-4 {
  float: right;
  font-size: 0.85em;
  color: #6B6B6B;
  line-height: 18px;
  margin: 25px auto 22px;
  padding: 5px 0;
  width: 285px;
}
@media screen and (max-width: 1000px) {
  #block-block-4 {
    display: none;
  }
}
#block-block-4 img {
  margin: -11px 0 0 0;
}
#block-block-4 a {
  color: #006DB7;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 1rem;
}
#block-block-4 a:hover {
  color: #6B6B6B;
}
#menuKapsam {
  width: 100%;
  background-color: #006DB7;
  float: left;
  height: 68px;
}
@media screen and (max-width: 1000px) {
  #menuKapsam {
    height: auto;
    position: fixed;
    top: 59px;
    left: -110%;
    width: 100%;
    z-index: 99;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  #menuKapsam.active {
    left: 0;
  }
}
#menuKapsam #menuHolder {
  width: 1200px;
  margin: auto;
  font-size: 13px;
  font-family: 'Exo', sans-serif;
}
#menuKapsam #menuHolder ul,
#menuKapsam #menuHolder li {
  list-style: none;
  float: left;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  #menuKapsam #menuHolder .menu {
    display: flex;
    flex-direction: column;
    padding: 20px 0;
  }
}
#menuKapsam #menuHolder .menu a {
  padding: 25px;
  font-weight: bold;
  color: #FFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media screen and (max-width: 1000px) {
  #menuKapsam #menuHolder .menu a {
    padding: 15px 20px;
    font-size: 1rem;
  }
}
#menuKapsam #menuHolder .menu a:hover {
  border-top: 3px solid #FFB900;
}
#sliderHolder {
  width: 100%;
  float: left;
  margin: 0 0 40px 0;
}
@media screen and (max-width: 1000px) {
  #sliderHolder {
    padding-top: 60px;
  }
}
#sliderHolder #block-views-slideshow-block .views-field-field-slide-yazisi {
  width: 80%;
  margin: 100px auto;
  left: 10%;
  text-shadow: 1px 1px 1px #000;
  position: absolute;
  color: #FFF;
  line-height: 35px;
}
#sliderHolder #block-views-slideshow-block .views_slideshow_cycle_main {
  width: 100%;
  float: left;
}
#sliderHolder #block-views-slideshow-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
}
#sliderHolder #block-views-slideshow-block .views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
  height: auto;
}
#sliderHolder #block-views-slideshow-block .views_slideshow_cycle_main .field-content {
  max-width: 100%;
  width: 100%;
}
#sliderHolder #block-views-slideshow-block .views_slideshow_cycle_main .field-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#block-block-9 {
  float: left;
  width: 100%;
}
#block-block-9 .content {
  width: 1200px;
  margin: auto;
  padding: 50px;
  text-shadow: 2px 2px 2px #000;
  font-size: 1.3em;
  line-height: 35px;
  color: #FFF;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  #block-block-9 .content {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
  }
}
#block-block-8 .content {
  width: 1200px;
  margin: auto;
  padding: 70px;
  height: 300px;
}
#icerikHolder {
  width: 1200px;
  margin: 30px auto 60px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #icerikHolder {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
  }
}
#icerikHolder .field-name-field-sayfa-icerigi {
  line-height: 30px;
  text-align: justify;
}
#icerikHolder .node-statik-sayfa .field-name-field-fotograflar img,
#icerikHolder .node-statik-sayfa .field-name-field-fotograflar a {
  width: 100%;
  height: auto;
  display: block;
}
#icerikHolder .node-statik-sayfa .field-name-field-fotograflar .field-items {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
#icerikHolder .node-statik-sayfa .field-name-field-fotograflar .field-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #ffc200;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#icerikHolder .node-statik-sayfa .field-name-field-fotograflar .field-item:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#icerikHolder .node-araclar .field-name-field-arac-fotograflari .field-item {
  float: left;
  margin: 18px 36px 18px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #ffc200;
  width: 200px;
  height: 140px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#icerikHolder .node-araclar .field-name-field-arac-fotograflari .field-item:hover {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
}
#icerikHolder .node-araclar .field-name-field-aciklama {
  line-height: 30px;
  text-align: justify;
}
#icerikHolder .node-araclar .field-name-field-video-url iframe {
  width: 550px;
  height: 309px;
  border: 2px solid #ffc200;
  margin: 18px 0 0 0;
}
#icerikHolder .node-araclar .field-name-field-anasayfateaser {
  display: none;
}
#icerikHolder .node-galeri .field-name-field-galeri .field-item {
  float: left;
  border: 2px solid #ffc200;
  -webkit-border-radius: 180px;
  -moz-border-radius: 180px;
  border-radius: 180px;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 23px;
}
.node-type-statik-sayfa #icerikHolder {
  box-sizing: border-box;
  padding: 0 20px;
}
.front #icerikHolder {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}
.front #icerikHolder .node-statik-sayfa {
  width: 1200px;
  margin: 30px auto 60px;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .front #icerikHolder .node-statik-sayfa {
    width: 100%;
  }
}
.view-araclar .view-content {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.view-araclar .views-row {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #006DB7;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.view-araclar .views-row img,
.view-araclar .views-row a {
  width: 100%;
  height: auto;
  display: block;
}
.view-araclar .views-row .views-field-title a {
  position: absolute;
  z-index: 9;
  margin: -150px 0 0 70px;
  background: #006DB7;
  font-size: 1.2em;
  padding: 15px 20px;
  color: #FFF;
  width: 200px;
}
#block-views-anasayfa-videolar-block {
  padding: 40px 0;
  float: left;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #block-views-anasayfa-videolar-block {
    box-sizing: border-box;
  }
}
#block-views-anasayfa-videolar-block .view-header {
  text-align: center;
  color: #006DB7;
  font-size: 1.2em;
  letter-spacing: 1px;
  font-weight: bold;
}
#block-views-anasayfa-videolar-block .view-content {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
#block-views-anasayfa-videolar-block .view-anasayfa-videolar .views-row {
  overflow: hidden;
  position: relative;
  border: 1px solid #006DB7;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#block-views-anasayfa-videolar-block .view-anasayfa-videolar .views-row .views-field-title a {
  position: absolute;
  z-index: 9;
  margin: -100px 0 0 370px;
  background: #006DB7;
  font-size: 1.2em;
  padding: 15px 20px;
  color: #FFF;
  width: 200px;
}
#block-views-anasayfa-videolar-block .view-anasayfa-videolar .views-row .views-field-field-video-url img,
#block-views-anasayfa-videolar-block .view-anasayfa-videolar .views-row .views-field-field-video-url a {
  width: 100%;
  height: auto;
  display: block;
}
#block-views-anasayfa-videolar-block .view-anasayfa-videolar .views-row:hover .views-field-title a {
  margin: -100px 0 0 150px;
}
#block-block-7 {
  width: 100%;
  float: left;
  background: url(/sites/tanitimtiri.com/themes/fresh_theme/images/blockbg.png) no-repeat center;
  background-size: cover;
}
#block-block-7 .content {
  width: 1200px;
  margin: 30px auto;
  color: #FFF;
  line-height: 30px;
}
#block-views-araclarimiz-block {
  width: 100%;
  float: left;
  background: #232323 url(/sites/tanitimtiri.com/themes/fresh_theme/images/servicces-bg.png) no-repeat center;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 50px;
}
#block-views-araclarimiz-block .view-content {
  width: 1200px;
  margin: 40px auto;
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}
@media screen and (max-width: 1000px) {
  #block-views-araclarimiz-block .view-content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
#block-views-araclarimiz-block .view-header {
  width: 1200px;
  margin: 30px auto;
  text-align: center;
  color: #FFF;
  font-size: 1.1em;
  letter-spacing: 1px;
}
@media screen and (max-width: 1000px) {
  #block-views-araclarimiz-block .view-header {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
#block-views-araclarimiz-block .view-header #araclarbaslik {
  font-size: 1.5em;
  font-weight: bold;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row {
  height: 150px;
  border: 1px solid #ffc200;
  background-color: rgba(0, 0, 0, 0.27);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row .views-field-field-arac-fotograflari {
  float: left;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row .views-field-field-arac-fotograflari a {
  margin: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
  width: 100px;
  height: 100px;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row .views-field-title a {
  color: #ffc200;
  font-weight: bold;
  margin-top: 50px;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row .views-field-field-anasayfateaser {
  color: #909090;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row:hover {
  border: 1px solid #006DB7;
}
#block-views-araclarimiz-block .view-araclarimiz .views-row:hover a {
  color: #006DB7;
}
#block-views-araclarimiz-block .view-footer p {
  display: flex;
  justify-content: center;
}
#block-views-araclarimiz-block .view-footer .tum-araclarimiz-link {
  font-size: 1.3rem;
  font-weight: bold;
  padding: 10px 30px;
  border: 1px solid #ffc200;
  color: #ffc200;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  margin: 20px 0 50px 0;
}
#block-views-araclarimiz-block .view-footer .tum-araclarimiz-link:hover {
  background-color: #ffc200;
  color: #FFF;
}
#block-views-musteri-yorumlari-block {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
}
#block-views-musteri-yorumlari-block .content {
  width: 1200px;
  margin: auto;
}
@media screen and (max-width: 1000px) {
  #block-views-musteri-yorumlari-block .content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
#block-views-musteri-yorumlari-block .view-header {
  margin: 30px auto;
  text-align: center;
  color: #5a5a5a;
  font-size: 1.1em;
  line-height: 30px;
}
#block-views-musteri-yorumlari-block .view-header #musterianasayfa {
  font-size: 1.5em;
  font-weight: bold;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row {
  width: 570px;
  float: left;
  margin: 10px 50px 0 0;
}
@media screen and (max-width: 1000px) {
  #block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row {
    width: 100%;
    margin: 0;
  }
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-field-muteri-yorumu {
  line-height: 30px;
  font-style: italic;
  background-color: #f4f4f4;
  padding: 10px 35px;
  margin: 0 0 20px 0;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-field-muteri-yorumu .field-content a {
  color: #5a5a5a;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-field-muteri-yorumu .field-content a:hover {
  color: #222;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-field-musteri-fotografi {
  -webkit-border-radius: 101px;
  -moz-border-radius: 101px;
  border-radius: 101px;
  width: 100px;
  height: 100px;
  float: left;
  overflow: hidden;
  margin: 0 20px 0 0;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-title {
  margin: 50px 0 0 0;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-title .field-content a {
  font-weight: bold;
  color: #ffc200;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  line-height: 25px;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row .views-field-title .field-content a:hover {
  color: #222;
}
#block-views-musteri-yorumlari-block .views-slideshow-cycle-main-frame-row .views-row:nth-child(2) {
  float: right;
  margin-right: 0;
}
.node-musteri-yorumu .field-name-field-musteri-fotografi {
  float: left;
}
.node-musteri-yorumu .field-name-field-muteri-yorumu {
  float: right;
  width: 1080px;
  line-height: 30px;
  margin: -9px;
}
.node-musteri-yorumu .field-name-field-firma-adi {
  float: left;
  width: 1200px;
  margin: 0 0 20px 0;
}
#block-views-referanslar-block-block {
  float: left;
  margin: 30px 0 0 0;
  background-color: #E4E4E4;
  margin: 100px 0;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 {
  float: left;
  width: 50%;
  margin: 0 0 -3px 0;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-1,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-2 {
    width: 100%;
  }
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-title a,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #5a5a5a;
  margin: 23px 0 10px 5px;
  width: 48%;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-title a:hover,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-title a:hover {
  color: #ffc200;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-fotografi,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-fotografi {
  float: left;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-fotografi,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-fotografi {
    width: 100%;
  }
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-fotografi img,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-fotografi img {
  width: 100%;
  height: auto;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-fotografi a,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-fotografi a {
  width: 100%;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-metni,
#block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-metni {
  line-height: 25px;
  width: 46%;
  float: left;
  margin: 0 1%;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-1 .views-field-field-referans-metni,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-2 .views-field-field-referans-metni {
    width: 100%;
  }
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 {
  float: right;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-3,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-4 {
    width: 100%;
  }
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-title a,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-title a {
  font-weight: bold;
  font-size: 1.3em;
  color: #5a5a5a;
  margin: 23px 0 10px 10px;
  width: 48%;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-title a:hover,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-title a:hover {
  color: #ffc200;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-fotografi,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-fotografi {
  float: right;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-fotografi,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-fotografi {
    width: 100%;
  }
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-fotografi img,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-fotografi img {
  width: 100%;
  height: auto;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-fotografi a,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-fotografi a {
  width: 100%;
}
#block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-metni,
#block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-metni {
  line-height: 25px;
  width: 46%;
  float: right;
  margin: 0 1%;
}
@media screen and (max-width: 1000px) {
  #block-views-referanslar-block-block .view-referanslar-block .views-row-3 .views-field-field-referans-metni,
  #block-views-referanslar-block-block .view-referanslar-block .views-row-4 .views-field-field-referans-metni {
    width: 100%;
  }
}
.node-referanslar .field-name-field-referans-fotografi {
  float: left;
  width: 300px;
}
.node-referanslar .field-name-field-referans-metni {
  float: right;
  width: 880px;
  line-height: 35px;
}
#block-block-16 {
  width: 1200px;
  margin: 40px auto;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #block-block-16 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
#block-block-16 #aracbutonbaslik {
  text-align: center;
  color: #006DB7;
  line-height: 25px;
}
#block-block-16 #aracbuton1,
#block-block-16 #aracbuton2,
#block-block-16 #aracbuton3 {
  width: 30%;
  float: left;
  margin: 0 15px 0 0;
  border: 1px solid #006DB7;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 1000px) {
  #block-block-16 #aracbuton1,
  #block-block-16 #aracbuton2,
  #block-block-16 #aracbuton3 {
    margin: 0;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
}
#block-block-16 #aracbuton1 img,
#block-block-16 #aracbuton2 img,
#block-block-16 #aracbuton3 img {
  margin: 0 0 20px 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100% !important;
  height: auto !important;
  display: block;
}
#block-block-16 #aracbuton1 img:hover,
#block-block-16 #aracbuton2 img:hover,
#block-block-16 #aracbuton3 img:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
#block-block-16 #aracbuton1 a,
#block-block-16 #aracbuton2 a,
#block-block-16 #aracbuton3 a {
  color: #ffc200;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: bold;
}
#block-block-16 #aracbuton1 a:hover,
#block-block-16 #aracbuton2 a:hover,
#block-block-16 #aracbuton3 a:hover {
  color: #006DB7;
}
#block-block-16 #aracbuton1 p,
#block-block-16 #aracbuton2 p,
#block-block-16 #aracbuton3 p {
  width: 370px;
  line-height: 25px;
}
#block-block-10 {
  width: 100%;
  float: left;
}
#block-block-10 .content {
  width: 1200px;
  margin: 10px auto 0;
}
@media screen and (max-width: 1000px) {
  #block-block-10 .content {
    width: 100%;
  }
}
#block-block-10 .content a {
  margin: 10px 45px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#block-block-10 .content a:hover {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
}
#footerKapsam {
  width: 100%;
  float: left;
  background-color: #191919;
  overflow: hidden;
}
#footerKapsam #footerHolder {
  width: 1200px;
  margin: auto;
  padding: 40px 0;
}
@media screen and (max-width: 1000px) {
  #footerKapsam #footerHolder {
    width: 100%;
  }
}
#footerKapsam #footerHolder #block-block-11 {
  width: 430px;
  color: #FFF;
  float: left;
  line-height: 32px;
  padding: 0 40px 0 0;
  text-align: justify;
}
@media screen and (max-width: 1000px) {
  #footerKapsam #footerHolder #block-block-11 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
  }
}
#footerKapsam #footerHolder #block-block-11 #hakkimizdabaslik {
  font-size: 1.3em;
  width: 108px;
  border-bottom: 3px solid #006DB7;
  height: 35px;
}
#footerKapsam #footerHolder #block-menu-menu-footer-menu-1,
#footerKapsam #footerHolder #block-menu-menu-footer-menu-2 {
  float: left;
  width: 160px;
  margin: 45px 0 0 40px;
  line-height: 40px;
  font-size: 0.9em;
}
@media screen and (max-width: 1000px) {
  #footerKapsam #footerHolder #block-menu-menu-footer-menu-1,
  #footerKapsam #footerHolder #block-menu-menu-footer-menu-2 {
    width: 100%;
    margin: 20px 0 0 20px;
  }
}
#footerKapsam #footerHolder #block-menu-menu-footer-menu-1 .menu,
#footerKapsam #footerHolder #block-menu-menu-footer-menu-2 .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footerKapsam #footerHolder #block-menu-menu-footer-menu-1 .menu li,
#footerKapsam #footerHolder #block-menu-menu-footer-menu-2 .menu li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: none;
  width: 140px;
}
#footerKapsam #footerHolder #block-menu-menu-footer-menu-1 .menu li a,
#footerKapsam #footerHolder #block-menu-menu-footer-menu-2 .menu li a {
  color: #FFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#footerKapsam #footerHolder #block-menu-menu-footer-menu-1 .menu li a:hover,
#footerKapsam #footerHolder #block-menu-menu-footer-menu-2 .menu li a:hover {
  color: #ffc200;
}
#footerKapsam #footerHolder #block-block-12,
#footerKapsam #footerHolder #block-block-13,
#footerKapsam #footerHolder #block-block-14 {
  width: 310px;
  float: right;
  color: #FFF;
  font-size: 0.85em;
  line-height: 25px;
}
@media screen and (max-width: 1000px) {
  #footerKapsam #footerHolder #block-block-12,
  #footerKapsam #footerHolder #block-block-13,
  #footerKapsam #footerHolder #block-block-14 {
    float: left;
    padding-left: 20px;
    box-sizing: border-box;
    margin-top: 15px;
  }
}
#footerKapsam #footerHolder #block-block-12 img,
#footerKapsam #footerHolder #block-block-13 img,
#footerKapsam #footerHolder #block-block-14 img {
  margin: 5px 20px 0 0;
}
#footerKapsam #footerHolder #block-block-12 a,
#footerKapsam #footerHolder #block-block-13 a,
#footerKapsam #footerHolder #block-block-14 a {
  color: #FFF;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#footerKapsam #footerHolder #block-block-12 a:hover,
#footerKapsam #footerHolder #block-block-13 a:hover,
#footerKapsam #footerHolder #block-block-14 a:hover {
  color: #ffc200;
}
.front #page-title {
  text-align: center;
}
#block-block-15 {
  float: right;
  margin: 14px 0 0 0;
}
@media screen and (max-width: 1000px) {
  #block-block-15 {
    width: 100%;
    box-sizing: border-box;
  }
  #block-block-15 iframe {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .page-contact #icerikHolder {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
}
@media screen and (max-width: 1000px) {
  .page-contact #block-system-main {
    width: 100%;
  }
  .page-contact #block-system-main .contact-form,
  .page-contact #block-system-main input,
  .page-contact #block-system-main textarea {
    width: 100%;
    box-sizing: border-box;
  }
}
.page-contact .form-type-checkbox {
  display: none;
}
.page-contact .form-submit {
  width: 422px;
}
/* ---- �leti�im Formu ---- */
.contact-form {
  float: left;
}
.contact-form #edit-name {
  width: 400px;
}
.contact-form #edit-mail {
  width: 400px;
}
.contact-form #edit-subject {
  width: 400px;
}
.contact-form #edit-message {
  width: 422px;
}
.contact-form .resizable-textarea .grippie {
  display: none;
}
/* ---- T�m tablolar ---- */
table {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
thead {
  border: none;
  color: #FFF;
  background: #2b2b2b;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f0f0f), color-stop(1, #2b2b2b));
  background: -ms-linear-gradient(bottom, #0f0f0f, #2b2b2b);
  background: -moz-linear-gradient(center bottom, #0f0f0f 0%, #2b2b2b 100%);
  background: -o-linear-gradient(#2b2b2b, #0f0f0f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#0f0f0f', GradientType=0);
}
thead th {
  vertical-align: middle;
  padding: 10px;
  border-right: 1px solid #DDD;
  border-bottom: none;
}
tr:hover td {
  background: #ffffff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #ffffff));
  background: -ms-linear-gradient(bottom, #ffffff, #ffffff);
  background: -moz-linear-gradient(center bottom, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
td {
  vertical-align: middle;
  border: 1px solid #EBEBEB;
  text-align: left;
  padding: 8px;
  background: #f5f5f5;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), color-stop(1, #f8f8f8));
  background: -ms-linear-gradient(bottom, #f5f5f5, #f8f8f8);
  background: -moz-linear-gradient(center bottom, #f5f5f5 0%, #f8f8f8 100%);
  background: -o-linear-gradient(#f8f8f8, #f5f5f5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f5f5f5', GradientType=0);
}
/* ---- Yaprak ---- */
#leaf {
  width: 100%;
  margin: -15px auto 20px;
  float: left;
  font-size: 12px;
  color: #CBEC9A;
}
#leaf a {
  width: 290px;
  float: left;
  display: inline-block;
  color: #515D46;
}
#leaf a img {
  float: left;
}
#leaf #leafT {
  width: 200px;
  float: left;
  padding: 13px 0 13px 0;
}
#leaf #leafin {
  width: 40px;
  overflow: hidden;
  opacity: .3;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  float: right;
}
#leaf #leafin:hover {
  width: 240px;
  opacity: .6;
}
#block-block-17 {
  position: fixed;
  z-index: 99;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #006DB7;
  border-radius: 50px;
  overflow: hidden;
  padding: 0 20px;
  color: #FFF;
}
#block-block-17 p {
  display: flex;
}
#block-block-17 a {
  color: #FFF;
  padding: 3px 20px 3px 35px;
}
@media screen and (max-width: 1000px) {
  #block-block-17 a {
    font-size: .8rem;
    white-space: nowrap;
  }
}
#block-block-17 a.ara {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='white' stroke-miterlimit='10' stroke-width='1.2' d='M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 0 1-3.28-2.8 28.414 28.414 0 0 1-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78Z'/%3e%3c/svg%3e");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
#block-block-17 a.whatsapp {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3e%3cg stroke='white' stroke-miterlimit='10' stroke-width='1.5'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M6.9 20.6c1.5.9 3.3 1.4 5.1 1.4 5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12c0 1.8.5 3.5 1.3 5l-.86 3.306a1 1 0 0 0 1.243 1.213L6.9 20.6Z'/%3e%3cpath d='M16.5 14.848c0 .162-.036.329-.113.491a1.856 1.856 0 0 1-.306.459 2.033 2.033 0 0 1-.74.531c-.27.113-.563.171-.878.171-.46 0-.951-.108-1.47-.328a7.922 7.922 0 0 1-1.55-.892 12.95 12.95 0 0 1-1.478-1.26 12.79 12.79 0 0 1-1.257-1.471 8.02 8.02 0 0 1-.884-1.534C7.608 10.5 7.5 10.01 7.5 9.543c0-.306.054-.598.162-.868.108-.275.28-.527.519-.752.288-.284.603-.423.937-.423a.85.85 0 0 1 .365.081c.117.054.22.135.302.252l1.046 1.472c.08.112.14.216.18.315.04.094.063.189.063.274a.61.61 0 0 1-.095.32 1.53 1.53 0 0 1-.252.319l-.343.356a.24.24 0 0 0-.072.18c0 .035.005.067.014.103.013.036.027.063.036.09.08.149.22.342.419.576.203.234.419.473.653.711.244.239.478.459.717.662.234.197.428.332.581.413l.082.037a.311.311 0 0 0 .112.018.248.248 0 0 0 .185-.077l.342-.338c.113-.112.221-.197.325-.252a.6.6 0 0 1 .32-.094.72.72 0 0 1 .275.059c.099.04.203.098.315.175l1.492 1.058a.683.683 0 0 1 .248.287.921.921 0 0 1 .072.351Z'/%3e%3c/g%3e%3c/svg%3e");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 20px;
}
#block-block-18 {
  display: none;
}
@media screen and (max-width: 1000px) {
  #block-block-18 {
    display: block;
  }
}
#block-block-18 .content {
  width: 40px;
  height: 25px;
  position: relative;
  cursor: pointer;
}
#block-block-18 .content .line {
  width: 40px;
  height: 3px;
  background-color: #006DB7;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#block-block-18 .content .line.line-1 {
  top: 0;
  left: 0;
}
#block-block-18 .content .line.line-2 {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#block-block-18 .content .line.line-3 {
  bottom: 0;
  left: 0;
}
#block-block-18 .content.active .line.line-1 {
  transform: rotate(45deg);
  top: 45%;
}
#block-block-18 .content.active .line.line-2 {
  opacity: 0;
}
#block-block-18 .content.active .line.line-3 {
  transform: rotate(-45deg);
  bottom: 45%;
}
.video-background {
  position: relative;
  width: 100%;
  height: 80vh;
  /* Adjust height as needed */
  overflow: hidden;
  background: #000;
}
#player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
  /* Prevents users from clicking/pausing the video */
}
/* Scaling trick to ensure the video covers the area like 'background-size: cover' */
@media (min-aspect-ratio: 16/9) {
  #player {
    height: 56.25vw;
  }
}
@media (max-aspect-ratio: 16/9) {
  #player {
    width: 177.78vh;
  }
}
.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  /* Darkens the video so text is readable */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-align: center;
}