/*#region  ================================== RENK KODLARI */

/*  ===== RENK KODLARI =====
    TURUNCU: #FF8800;                
    #1E212A;  --> 1 /// #1D282A;  --> 2 /// #262D37;  --> 3 /// #1E212A;  --> 4
*/

/*#endregion*/

/*#region  ================================== FONT YUKLEME */

@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

@font-face {
	font-family: 'gothic';
	src: url('/_tema/font/gothic.eot');
	src: local('gothic'), url('/_tema/font/gothic.woff') format('woff'), url('/_tema/font/gothic.ttf') format('truetype');
}

/*#endregion */

/*#region  ================================== BOOTSTRAP */

.container {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}

/*@media (min-width: 1800px) {
  .container {
    max-width: 1640px;
  }
}*/

.container-fluid {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }  
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  } 
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    float:left;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    float:left;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    float:left;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    float:left;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }  
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }  
}

/*#endregion*/

/*#region  ================================== GENEL KULLANILAN TUM CSS LER */

/*#region  SIFIRLAMALAR */

html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

*,
*::before,
*::after { box-sizing: inherit; }

body { margin:auto; padding:0; height:100%; font-family: 'gothic' !important;  font-size:18px; border:0; color:#000; line-height:30px; 
       /*background-color:#000; background-image:url(/_tema/cms/images/bg2.jpg); background-repeat:no-repeat; background-size:100%;*/ }

h1 {font-size:36px;}
h2 {font-size:24px; line-height:30px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

a {text-decoration: none; font-size:18px; color:#000; /*line-height:25px;*/
   outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
a:hover {text-decoration: none; font-size:18px; color:#262D37; /*line-height:25px;*/}

img {border:none;}

button {
    background: none;
    border: 0;
    padding: 0;
    outline: none;
    all: unset;
}

.temizle {clear: both}

.oHidden { overflow:hidden; }
.border { overflow:hidden; border:0px solid #262D37; }
.borderLight { overflow:hidden; border:0px solid #ccc; }
.border2 { overflow:hidden; border:1px solid #FF8800; }

.containerKapsa { padding-left:150px; padding-right:150px; }

.container100 { padding-left:100px; padding-right:100px; }

@media screen and (max-width:2500px) and (-webkit-device-pixel-ratio: 1.25) {
    .containerKapsa { padding-left:100px; padding-right:100px; }
}

@media screen and (max-width:1366px) and (-webkit-device-pixel-ratio: 1.25) {
    .containerKapsa { padding-left:60px; padding-right:60px; }
}

@media screen and (max-width:1000px) and (-webkit-device-pixel-ratio: 1.25) {
    .containerKapsa { padding-left:50px; padding-right:50px; }
}

@media screen and (max-width:800px) {

    h1 {font-size:22px;}
    h2 {font-size:18px; line-height:30px;}
    h3 {font-size:15px;}
    h4 {font-size:14px;}
    h5 {font-size:13px;}
    h6 {font-size:13px;}

    .containerKapsa { padding-left:5px; padding-right:5px; }
}


/*#endregion*/

/*#region BOS BG */

.bosBG { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; 
         -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

    .bosBG:hover { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
                   -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.bosBGSB { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; overflow: hidden; 
           -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; 
           
           outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; 
           filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ 
           filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ }

    .bosBGSB:hover { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
                     -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); 
                     
                     filter: none; /* Firefox 3.5+ */ filter: none; /* IE6-9 */ -webkit-filter: none; /* Chrome 19+ & Safari 6+ */ }

.bgH { overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .bgH:hover { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }

/*#endregion*/

/*#region KOYU ZEMIN LINK */

.linkKoyuZemin, .linkKoyuZemin a {color:#fff;}
.linkKoyuZemin a:hover{color:#FF8800; margin-left:5px;}

.linkKoyuZemin2, .linkKoyuZemin2 a {color:#fff; font-size:18px;}
.linkKoyuZemin2 a:hover{color:#eee; font-size:18px;}

/*#endregion*/

/*#region YUKSELT - BOSLUK*/

.genelYukselt150px { width:100%; clear: both; height: 150px; }
.genelYukselt100px { width:100%;  clear: both; height: 100px; }
.genelYukselt50px { width:100%;  clear: both; height: 75px; }
.genelYukselt50px { width:100%;  clear: both; height: 50px; }
.genelYukselt30px { width:100%;  clear: both; height: 30px; }
.genelYukselt25px { width:100%;  clear: both; height: 25px; }
.genelYukselt20px { width:100%;  clear: both; height: 20px; }
.genelYukselt15px { width:100%;  clear: both; height: 15px; }
.genelYukselt10px { width:100%;  clear: both; height: 10px; }
.genelYukselt5px { width:100%;  clear: both; height: 5px; }
.genelYukselt3px { width:100%;  clear: both; height: 3px; }

.gap { width: 100%; height: 25px; }
.gap2 { width: 100%; height: 20px; }

@media screen and (max-width:800px) {
    .genelYukselt150px { width:100%; clear: both; height: 100px; }
    .genelYukselt100px { width:100%; clear: both; height: 80px; }
    .genelYukselt50px { width:100%; clear: both; height: 30px; }
    .genelYukselt30px { width:100%; clear: both; height: 20px; }
    .genelYukselt25px { width:100%; clear: both; height: 20px; }
    .genelYukselt20px { width:100%; clear: both; height: 15px; }
    .genelYukselt15px { width:100%; clear: both; height: 10px; }
    .genelYukselt10px { width:100%; clear: both; height: 10px; }
    .genelYukselt5px { width:100%; clear: both; height: 5px; }
    .genelYukselt3px { width:100%; clear: both; height: 3px; }

    .gap { width:100%; height:5px; }
    .gap2 { width: 100%; height: 5px; }
}

/*#endregion*/

/*#region  SCROOL BARLARI RENKLENDIRME -- ISTERSEN SONRA AKTIF EDEBILIRSIN */
/*::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
    background: #FF8800;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #FF8800;
}*/
/*#endregion*/

/*#region IMAJ RESPONSIVE */
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;    
}
    .img-responsive:hover {
        
    }

.post{margin-bottom:40px;}
.post.small{margin-bottom:20px;}
img.lazy{width:100% !important;}
.post .picture{overflow:hidden;}
.picture img{width:100%;display:block;}
.post .picture:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.picture img{transform:scale(1);-webkit-transform:scale(1);transition:0.5s all ease;-webkit-transition:0.5s all ease;}
.post .picture{margin-bottom:15px;position:relative;background-color:#000;}
.post .picture:hover img{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.post .picture:hover img{opacity:0.8;}
    
/*#endregion*/

/*#region RESIM EFEKT THUMB*/
.thumbResim {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumbResim img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumbResim_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumbResim_overlay:before {
  content: '\F00E';  
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: 400 30px 'FontAwesome';
  line-height: 30px;
  margin-top: -15px;
  text-align: center;
  -moz-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
.lt-ie9 .thumbResim_overlay:before {
  display: none;
}
.thumbResim:hover .thumbResim_overlay {
  opacity: 1;  
}
.lt-ie9 .thumbResim:hover .thumbResim_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  zoom: 1;
}
.lt-ie9 .thumbResim:hover .thumbResim_overlay:before {
  display: block;
}
.thumbResim:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*#endregion*/

/*#region LINK EFEKT THUMB*/
.thumbLink {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumbLink img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumbLink_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumbLink_overlay:before {
  content: '\f065';  
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: 400 30px 'FontAwesome';
  line-height: 30px;
  margin-top: -15px;
  text-align: center;
  -moz-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
.lt-ie9 .thumbLink_overlay:before {
  display: none;
}
.thumbLink:hover .thumbLink_overlay {
  opacity: 1;
}
.lt-ie9 .thumbLink:hover .thumbLink_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  zoom: 1;
}
.lt-ie9 .thumbLink:hover .thumbLink_overlay:before {
  display: block;
}
.thumbLink:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*#endregion*/

/*#region VIDEO EFEKT THUMB*/
.thumbVideo {
  display: block;
  position: relative;
  overflow: hidden;
}
.thumbVideo img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumbVideo_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumbVideo_overlay:before {
  content: '\f03d';  
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font: 400 30px 'FontAwesome';
  line-height: 30px;
  margin-top: -15px;
  text-align: center;
  -moz-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  transition: 0.4s all ease;
}
.lt-ie9 .thumbVideo_overlay:before {
  display: none;
}
.thumbVideo:hover .thumbVideo_overlay {
  opacity: 1;  
}
.lt-ie9 .thumbVideo:hover .thumbVideo_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  zoom: 1;
}
.lt-ie9 .thumbVideo:hover .thumbVideo_overlay:before {
  display: block;
}
.thumbVideo:hover img {
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
/*#endregion*/

/*#region BOOTSTRAP PAGINATION / SAYFALAMA */

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }

.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; 
                          color: #1D282A; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #fff; background-color: #FF8800; border-color: #ddd; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #1D282A; border-color: #1D282A; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eee; }

.pager .next > a,
.pager .next > span { float: right; }

.pager .previous > a,
.pager .previous > span { float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center;  
         white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
a.label:hover,
a.label:focus { color: #fff; text-decoration: none; cursor: pointer; }

/*#endregion*/

/*#region CEREZ */

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;
                      font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:0.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}
.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}
.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}
.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}
.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}
.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape)
{.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}
.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}
.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}
.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px; font-size:14px; color:#535353;}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}
.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}

/*#endregion*/

/*#endregion*/

/*#region  ================================== TUM SAYFALARDA KULLANILAN CSS LER */

/*#region LAODER */

.preloader {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000
}

.preloader:before,
.preloader:after {
    position: absolute;
    left: 0;
    height: 51%;
    width: 100%;
    transition: all .6s ease .3s;
    background: #fff;
    content: ''
}

.preloader:before {
    top: 0
}

.page-loaded .preloader:before {
    transform: translate(0, -100%)
}

.preloader:after {
    bottom: 0
}

.page-loaded .preloader:after {
    transform: translate(0, 100%)
}

.preloader.preloader-florida:before,
.preloader.preloader-florida:after {
    background: #FF8800
}

.page-loaded .preloader.no-split:before,
.page-loaded .preloader.no-split:after {
    transform: translate(0, 0)
}

.spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    z-index: 1001
}

.spinner-round {
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #fc5000;
    animation: spin 2s linear infinite
}

.spinner-round:before,
.spinner-round:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid transparent
}

.spinner-round:before {
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-top-color: #1a5ff8;
    animation: spin 3s linear infinite
}

.spinner-round:after {
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-top-color: #fc5000;
    animation: spin 1.5s linear infinite
}

.spinner-alt {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px
}

.spinner-alt:before,
.spinner-alt:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.spinner-alt:before {
    border: 1px solid rgba(255, 255, 255, 0.1)
}

.spinner-alt:after {
    border: 1px solid;
    border-top-color: #fff;
    border-right-color: transparent;
    border-left-width: 0;
    border-bottom-width: 0;
    animation: spin 1.5s linear infinite
}

.spinner-alt.load-done {
    transition: all .4s;
    transform: scale(3);
    opacity: 0;
    border-color: transparent
}

.spinner-alt.load-done:before,
.spinner-alt.load-done:after {
    opacity: 0
}

.spinner-alt.spinner-light {
    border: 1px solid rgba(10, 16, 21, 0.1)
}

.spinner-alt.spinner-light::after {
    border-top-color: #0a1015
}

.spinner-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*#endregion*/

/*#region BAR -----------  IPTAL ETTIN ICINDEKILERI DUZENLE */

.Bar { position:fixed; width:60px; height:100vh; z-index:300; background-color:#1E212A; top:0; right:0; z-index:1000; display:none; }

@media screen and (max-width:800px) {
    .Bar { position:fixed; width:100%; height:75px; z-index:990; background-color:#1E212A; bottom:0; left:0;   display:none;  }
}

/*#endregion*/

/*#region SOSYAL ICONLAR */

.socialIconKapsa { }

.socialIcon { transition: 0.8s ease;-o-transition: 0.8s ease;-webkit-transition: 0.8s ease; padding:5px; }
.socialIcon:hover { transform: rotate(-360deg); }

/*#endregion*/

/*#region TEKLIF AL BUTON --------------------------  BU KISMI DUZENLEYECEKSIN DAHA GOZE BATAN OLSUN DAHA GUZEL */

.teklifAlKapsa {
    position:absolute; width:100%; text-align:center; top:25%; background-color:#FF8800;
}

.teklifAlButon, .teklifAlButon a  { display:inline-block; color:#fff; padding:5px; font-size:18px; cursor:pointer;   
                                    background-color:#2E323E; text-align:center; outline:none; z-index:1115;
                                    /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/
                                    transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.teklifAlButon:hover { color:#FF8800; padding:5px; font-size:18px; cursor:pointer; 
                       /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/ }

#teklifAl { z-index: 1115; position: fixed; top: 25%; right: 4px; cursor: pointer;
            outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
#teklifAl:hover { z-index: 1115; position: fixed; top: 25%; right: 4px; cursor: pointer; opacity:1; }

/*#endregion*/

/*#region YUKARI GIT - WHATSAPP - TELEFON ICON */

.tel { z-index: 1100; position: fixed; bottom: 135px; right: 20px; cursor: pointer; background-color:#2E323E; width:49px; height:50px; }

.whatsapp { z-index: 1100; position: fixed; bottom: 80px; right: 20px; cursor: pointer; background-color:#25D366; width:49px; height:50px; }

.telWhatsappMetin { display:none; }

.butonUP, .butonUP a  { display:inline-block; color:#fff; padding:10px 20px 10px 20px; font-size:18px; cursor:pointer;   
                        margin-left:5px; margin-right:0px; background-color:#FF8800; z-index: 1100;
                        outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.butonUP:hover { color:#fff; padding:10px 20px 10px 20px; font-size:18px; cursor:pointer; background-color:#2E323E; z-index: 1100; }

#up { z-index: 1100; position: fixed; bottom: 25px; right: 20px; cursor: pointer;  display: none;
      outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
#up:hover { z-index: 1100; position: fixed; bottom: 25px; right: 20px; cursor: pointer; display: none; }

@media (max-width:1000px) {
    .tel { z-index: 1100; position: fixed; bottom: 0px; left:0px; right: 50%; cursor: pointer; background-color:#2E323E; width:50%; height:50px; }    

    .whatsapp { z-index: 1100; position: fixed; bottom: 0px; right: 0px; cursor: pointer; background-color:#25D366; width:50%; height:50px; }

    .telWhatsappMetin { display:inline-block; color:#fff; padding:10px 0px 10px 1px; float:left; position:relative; }

    .butonUP, .butonUP a  { display:inline-block; color:#fff; padding:10px 20px 10px 20px; font-size:18px; cursor:pointer;   
                            margin-left:5px; margin-right:0px; background-color:#FF8800; z-index: 1100;
                            outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
    .butonUP:hover { color:#fff; padding:10px 20px 10px 20px; font-size:18px; cursor:pointer; background-color:#2E323E; z-index: 1100; }

    #up { z-index: 1100; position: fixed; bottom: 60px; right: 10px; cursor: pointer;  display: none;
          outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
    }
    #up:hover { z-index: 1100; position: fixed; bottom: 60px; right: 10px; cursor: pointer; display: none; }
}

/*#endregion*/

/*#region TUMU - OKLAR - BUTONLAR   --- BUNLARI AYIR  */

.genelButon { padding:8px 20px 8px 30px; margin-top:15px; background-color:#FF8800; display:inline-block;  border-left:5px solid #1E212A; transition: .5s ease; color:#fff; }
.genelButon a { color:#fff; }
.genelButon:hover { padding:8px 40px 8px 30px; margin-top:15px; background-color:#FF8800; display:inline-block; color:#eee; border-left:10px solid #1E212A; color:#fff; }

.genelButon .genelButonCizgi {  position:relative; float:right; left:20px; color:#FF8800; transition: .3s ease;  }
.genelButon:hover .genelButonCizgi { position:relative; float:right; left:20px; color:#fff; }


/* ====================================================================================================================================================================== */
.buton, .buton a {
    color:#1D282A; padding:15px; padding-left: 30px; padding-right: 30px; border:1px solid #1D282A; cursor:pointer;     
    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
.buton:hover {
    color:#1D282A; padding:15px; padding-left: 30px; padding-right: 30px; border:1px solid #FF8800; cursor:pointer;
}

/* ====================================================================================================================================================================== */
/* ANASAYFA SAG SOL OKLAR */
.okLeft, .okLeft a {
    position:absolute; left:48%; padding:6px; padding-left: 18px; padding-right: 18px; color:#fff; background-color:#FF8800; font-size:18px; cursor:pointer;
    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
.okLeft:hover { color:#FF8800; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; background-color:#1E212A; }

.okRight, .okRight a {
    position:absolute; left:52%; padding:6px; padding-left: 18px; padding-right: 18px; color:#fff; background-color:#FF8800; font-size:18px; cursor:pointer;
    outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
}
.okRight:hover { color:#FF8800; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; background-color:#1E212A; }

@media screen and (max-width:800px)
{
    .okLeft, .okLeft a {display:none;}
    .okRight, .okRight a {display:none; }

    .teklifAlButon, .teklifAlButon a  { display:inline-block; color:#FF8800; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; border:1px solid #FF8800; cursor:pointer;   
                                        margin-left:5px; margin-right:5px; background-color:#1D282A;
                                        outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; display:none; }
    .teklifAlButon:hover { color:#fff; padding:6px; padding-left: 18px; padding-right: 18px; font-size:18px; border:1px solid #fff; cursor:pointer; }

    #teklifAl { z-index: 999; position: fixed; top: 91%; left: 10px; cursor: pointer; display: none;
                outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;
    }
    #teklifAl:hover { z-index: 999; position: fixed; top: 10%; right: 10px; cursor: pointer; opacity:1; display: none; }
}

/*#endregion*/

/*#region RESPONSIVE VIDEO */

.flex-video {position: relative;padding-top: 25px;padding-bottom: 67.5%;height: 0;margin-bottom: 16px;overflow: hidden;}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*#endregion*/

/*#endregion*/

/*#region  ================================== ANASAYFADA KULLANILAN CSS LER */

/*#region ANASAYFA / USER CONTROL TITLE / SPOT */

/*#region TITLE / PARALLAX */

.anasayfaBaslik { width:100%; font-size:46px; color:#FF8800; text-align:center; padding:0px; margin:0px; font-family: 'Teko', sans-serif; }

.parallaxBG { width: 100%; background-size:100%;  /*-webkit-background-size:cover;*/ }

@media screen and (max-width:1025px)
{
         
}

/*#endregion*/

/*#region ANASAYFA CONTENT ID */

.anasContentIDKapsa { }
.anasContentIDTitle { width:100%; text-align:center; }
.anasContentIDTitle h1 { font-size:36px; }
.anasContentIDSpot { width:100%; text-align:center; font-size:22px; line-height:30px; font-weight:500; padding-bottom:20px; }
.anasContentIDDetay {  }
.anasContentIDResimKapsa { padding:0px 0px 0px 25px; }
.anasContentIDResim { /*-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;*/ }

@media screen and (max-width:1436px) {
    .anasContentIDSpot { width:100%; text-align:center; font-size:18px; line-height:30px; font-weight:500; padding-bottom:20px; }
}

@media screen and (max-width:800px)
{
      .anasContentIDResimKapsa { padding:5px 5px 5px 5px; }   
}

/*#endregion*/

/*#region ANASAYFA HIZMETLERIMIZ [ ContentListModuleID ] */

.hCard { position:relative; width:95%; height:300px; margin:10px 20px 20px 20px; transform-style:preserve-3d; perspective:1000px; }

.hCard .hBox { position:absolute; top:0; left:0; width:100%; height:100%; transform-style:preserve-3d; transition: .9s cubic-bezier(0.68, -0.55, 0.265, 1.55);  }
.hCard:hover .hBox { transform: rotateY(180deg); }

.hCard .hBox .hImgBx { position:absolute; top:0; left:0; width:100%; height:100%; }
.hCard .hBox .hImgBx img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; /*background-color:rgba(0,0,0,0.9); background-blend-mode: overlay;*/ }

.hCard .hBox .hImgBx .hImgTitleOverlay { position:absolute; top:0; left:0; width:100%; height:100%; /*background:#000; opacity:0.4;*/ 
                                         border:1px solid #ccc; text-align:center; }

.hCard .hBox .hImgBx .hImgTitle { position: relative; transform-style: preserve-3d; perspective: 1000px; backface-visibility: hidden; height: 100%; display: flex; 
                                  justify-content: center; align-items: center; font-size:30px; color:#fff; }

.hCard .hBox .hContentBx { position:absolute; top:0; left:0; width:100%; height:100%; background:#1E212A; 
                           backface-visibility:hidden; display:flex; justify-content:center; align-items:center; transform-style:preserve-3d; transform:rotateY(180deg); }

.hCard .hBox .hContentBx div { padding:30px; text-align:center; }

.hCard .hBox .hContentBx div h2 { display: flex; justify-content: center; align-items: center; font-size:30px; color:#fff; }
.hCard .hBox .hContentBx div p { display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }

.hCardCornerUstSol { position:absolute; width:50px; height:50px; z-index:50; top:20px; left:20px; border-top:1px solid rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5); }
.hCardCornerAltSag { position:absolute; width:50px; height:50px; z-index:50; bottom:20px; right:20px; border-bottom:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5); }

.hContentBxCornerUstSol { position:absolute; width:50px; height:50px; z-index:50; top:20px; right:20px; border-top:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5); }
.hContentBxCornerAltSag { position:absolute; width:50px; height:50px; z-index:50; bottom:20px; left:20px; border-bottom:1px solid rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5); }

@media screen and (max-width:1436px)
{
    .hCard { position:relative; width:100%; height:240px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; } 
    .hCard .hBox .hContentBx div h2 { display: flex; justify-content: center; align-items: center; font-size:26px; color:#fff; }
    .hCard .hBox .hContentBx div p { display:flex; justify-content:center; align-items:center; color:#fff; font-size:15px; }
}

@media screen and (max-width:1366px)
{
    .hCard { position:relative; width:100%; height:230px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; } 
    .hCard .hBox .hContentBx div h2 { display: flex; justify-content: center; align-items: center; font-size:26px; color:#fff; }
    .hCard .hBox .hContentBx div p { display:flex; justify-content:center; align-items:center; color:#fff; font-size:15px; }
}

@media screen and (max-width:1024px)
{
    .hCard { position:relative; width:100%; height:200px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; }  
    .hCard .hBox .hContentBx div h2 { display: flex; justify-content: center; align-items: center; font-size:22px; color:#fff; }
    .hCard .hBox .hContentBx div p { display:flex; justify-content:center; align-items:center; color:#fff; font-size:14px; }
}

@media screen and (max-width:800px)
{
    .hCard { position:relative; width:100%; height:200px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; }      
}

@media screen and (max-width:2500px) and (-webkit-device-pixel-ratio: 1.25) {
    .hCard { position:relative; width:100%; height:230px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; } 
}

@media screen and (max-width:1366px) and (-webkit-device-pixel-ratio: 1.25) {
    .hCard { position:relative; width:100%; height:230px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; } 
}

@media screen and (max-width:1000px) and (-webkit-device-pixel-ratio: 1.25) {
    .hCard { position:relative; width:100%; height:230px; margin:10px 20px 20px 0px; transform-style:preserve-3d; perspective:1000px; } 
}

/*#endregion*/

/*#region ACILIR ACORDION */

.accordionTitle { padding:10px; background-color:#1E212A; color:#fff; cursor:pointer; margin-top:5px; width:100%;
                  transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.accordionTitle:hover { background-color:#FF8800; }

.accordionContent { padding:10px; border:1px solid #ccc; width:100%; }

/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region  ================================== HEADER / LOGO */

header { position:fixed; top:0; left:0; width:100%; z-index:999; 
         -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; 
         -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }

    header.sticky { position:fixed; background-color:rgba(0,0,0,0.6); }

@media screen and (max-width:800px) {    
    header { position:fixed; top:0; left:0; width:100%; z-index:999; background-color:#1E212A;
         -webkit-transition: all 300ms linear 0s; -moz-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; 
         -ms-transition: all 300ms linear 0s; transition: all 300ms linear 0s; }

    header.sticky { position:fixed; background-color:rgba(0,0,0,0.6); }
}

.logo { z-index:100000; margin-top:55px; margin-bottom:15px; transition: .5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .logo.sticky { margin-top:10px; margin-bottom:0px;}

@media screen and (max-width:800px) {    
    .logo { z-index:100000; margin-top:10px; margin-bottom:-3px; transition: .5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .logo.sticky { margin-top:10px; margin-bottom:-3px;}
}

/*#endregion*/

/*#region  ================================== MENULER */

.menuKapsa {  }
.menuMetin { display:none; }

.menuYukselt { width:100%; height:70px;  transition: .5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
    .menuYukselt.sticky { width:100%; height:21px; }

nav { /*display:flex; justify-content: space-around; align-items:center;*/ }

.burger div { display:none; }

.nav-links { width:100%; display:inline-block; text-align:right; padding:0; margin:0; }

.nav-links li { line-height:40px; position:relative; display:inline-block; }

.nav-links li a { display:block; color:#fff; padding:0 20px; font-size:18px; transition:color 650ms; letter-spacing:2px; }
.nav-links li a:hover { color:#FF8800; letter-spacing:2px; }

.burger { display:block; cursor:pointer; }

.burger:hover .line2 { /*width:20px;*/ }

@keyframes navLinkFade {
    from { opacity:0; transform: translateX(50px); }
    to { opacity:1; transform: translateX(0px); }
}

.toggle .line1 { transform: rotate(-45deg) translate(-5px,6px); }
.toggle .line2 { opacity:0; }
.toggle .line3 { transform: rotate(45deg) translate(-5px,-6px); }

@media screen and (max-width:1025px) {
    .menuKapsa { width:70px; float:right; margin-left:15px; position:fixed; top:12px; right:0; }
    .menuMetin { display:block; color:#ccc; font-size:14px; margin-left:16px; margin-bottom:8px; }

    .menuYukselt { width:100%; height:1px; }
    .menuYukselt.sticky { width:100%; height:1px; } 

    .burger div { display:block; width:30px; height:3px; background-color:#fff; margin:5px; margin-left:22px; transition: all 0.3s ease; }
    .burger:hover div { width:30px; height:3px; background-color:#FF8800; margin:5px; margin-left:22px; transition: all 0.3s ease; }

    .nav-links { position:absolute; right:0; background-color:#1E212A; /*display:flex; flex-direction:column; align-items:center;*/ width:280px; height:100vh;
                 transform: translateX(100%); transition: transform 0.5s ease-in; padding:1px; padding-top:40px; }

    .nav-links li { width:100%; list-style:none; padding:6px 0 10px 6px; text-align:left; }

    .nav-links li a { color:#fff; font-size:18px; letter-spacing:2px; }
    .nav-links li a:hover { color:#FF8800; font-size:18px; letter-spacing:2px; }

    .burger { display:block; cursor:pointer; }

    .burger:hover .line2 { /*width:20px;*/ }

    .nav-active { transform: translateX(0%); padding:1px; padding-top:40px; }

    @keyframes navLinkFade {
        from { opacity:0; transform: translateX(50px); }
        to { opacity:1; transform: translateX(0px); }
    }
}

/*#endregion*/

/*#region  ================================== ARAMA - SU AN YOK BURAYI EKLEYECEKSIN  */

.aramaKapsa {
    width:100%; text-align:center; margin-top:55px;
}

/*#endregion*/

/*#region  ================================== SLIDER */

.sliderKapsa { width:100%; }

.sliderImg { height: 100vh; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; 
             object-fit:cover; background-position: 50% 50%; /*cursor: pointer;*/ background-color:rgba(0,0,0,0.4); background-blend-mode: overlay; }

.sliderText { position:absolute; width:50%; left:20%; top:30%; padding:20px; z-index:110; }

    .sliderTitle { padding: 10px; font-size: 70px; line-height:80px; color: #fff; font-weight:bold; text-align:left; margin-bottom:10px; font-family: 'Teko', sans-serif; }
    .sliderSpot { padding: 10px; font-size: 16px; color: #fff; text-align:left; line-height:25px; }    

.sliderYaziArkaEfekt { position:absolute; width:45%; height:100vh; background-color:rgba(0,0,0,0.3); left:25%; z-index:100; top:20%; }

/*#region SLIDER OKLAR */

.sliderOkLeft { position:absolute; bottom:50px; right:85px; z-index:100; color:#FF8800; background-color:transparent; font-size:50px; margin:5px;
                border-radius:50%; width:15px; height:45px; display:inline-block; 
                line-height:40px !important; outline:none; transition:all 500ms ease; }
.sliderOkLeft:hover { color:#fff; background-color:transparent; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }

.sliderOkRight { position:absolute; bottom:50px; right:110px;; z-index:100; color:#FF8800; background-color:transparent; font-size:50px; margin:5px;
                 border-radius:50%; width:15px; height:45px; display:inline-block;
                 line-height:40px !important; outline:none; transition:all 500ms ease; }
.sliderOkRight:hover { color:#fff; background-color:transparent; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }

/*#endregion*/

/*#region SLIDER NOKTALAR */

.owl-dots { position:absolute; top:50%; left:50px; padding:5px !important; width:25px; z-index:60; }
    .owl-dots button { background:#fff; outline:none; border:none; padding:5px !important; margin-right:5px;}

    .owl-dots button span { display:block; padding:5px; background-color:#FF8800; border-radius:50%; transition: all 200ms ease; width:15px; height:15px; float:left;  }
    .owl-dots button span:hover { display:block; padding:5px; background-color:#fff; border-radius:50%; transition: all 200ms ease; }

/*#endregion*/

/*#region SLIDER KOSE CIZGILERI */
 
.sliderCornerUstSol { position:absolute; width:70px; height:70px; z-index:50; top:50px; left:50px; border-top:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3); }

.sliderCornerUstSag { position:absolute; width:70px; height:70px; z-index:50; top:50px; right:50px; border-top:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); }

.sliderCornerAltSol { position:absolute; width:70px; height:70px; z-index:50; bottom:50px; left:50px; border-bottom:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3); }

/*#endregion*/

@media screen and (max-width:1000px) {

    .sliderKapsa { width:100%; margin-top:75px; }

    .sliderImg { height: 75vh; width: 100%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; 
                 object-fit:cover; background-position: 50% 50%; /*cursor: pointer;*/ }

    .sliderText { position:absolute; width:95%; left:10px; bottom:10px; right:10px; padding:10px; }
        .sliderTitle { padding: 10px; font-size: 35px; color: #fff; font-weight:bold; margin-bottom:5px; line-height:35px; }
        .sliderSpot { padding: 10px; font-size: 18px; color: #fff; height:110px; overflow:hidden; }
        .sliderButon {}

    .sliderYaziArkaEfekt { position:absolute; width:70%; height:100vh; background-color:rgba(0,0,0,0.3); left:15%; z-index:100; top:20%; }

    .sliderOkLeft { display:none; }
    .sliderOkLeft:hover { display:none; }

    .sliderOkRight { display:none; }
    .sliderOkRight:hover { display:none; }

    .owl-dots { display:none; }

    .sliderCornerUstSol { position:absolute; width:50px; height:50px; z-index:50; top:100px; left:20px; border-top:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3); }
    .sliderCornerAltSol { position:absolute; width:50px; height:50px; z-index:50; bottom:130px; left:20px; border-bottom:1px solid rgba(255,255,255,0.3); border-left:1px solid rgba(255,255,255,0.3); }
    .sliderCornerUstSag { position:absolute; width:50px; height:50px; z-index:50; top:100px; right:20px; border-top:1px solid rgba(255,255,255,0.3); border-right:1px solid rgba(255,255,255,0.3); }
}

/*#endregion*/

/*#region  ================================== FOOTER */

.footerTitle { font-size:36px; color:#FF8800; font-family: 'Teko', sans-serif; }

.footer1Kapsa { width:80%; }

@media screen and (max-width:800px)
{
    .footerTitle { font-size:26px; color:#FF8800; font-family: 'Teko', sans-serif; }

    .footer1Kapsa { width:100%; }
}

/*#endregion*/

/*#region  ================================== ALT SAYFA CSS LERI */

/* BURASI COK GUZEL DURMUYOR BURAYI FLEX YAPISINA CEK */

/*#region ALT SAYFA HEADER - TITLE - CONTAINER VS*/

.subHeaderKapsa { width:100%; height:370px; background-image:url(/_tema/cms/images/headerBG.jpg); background-position:center center; background-repeat:no-repeat; position:relative; 
                  /* GEREKIRSE AKTIF ET */ 
                  /*background-color:rgba(0,0,0,0.6); background-blend-mode: overlay;*/ }

.subContainerKapsa { background-color:#fff; padding:10px; }

.altGenelTitleKapsa { width: 100%; color: #fff; text-align:center; padding-top:175px; }
    .altGenelTitleKapsa h1 { color:#fff; font-size:40px; line-height:40px; }
    .altGenelTitleKapsa a { color:#fff; font-size:40px; line-height:40px; }

@media screen and (max-width:800px)
{
    .subHeaderKapsa { width:100%; height:280px; background-image:url(/_tema/cms/images/headerBG.jpg); background-position-y:center; background-repeat:no-repeat; position:relative; 
                      /* GEREKIRSE AKTIF ET */ 
                      /*background-color:rgba(0,0,0,0.6); background-blend-mode: overlay;*/ }

    .altGenelTitleKapsa { width: 100%; color: #fff; text-align:center; padding-top:90px;  }
        .altGenelTitleKapsa h1 { color:#fff; font-size:26px; line-height:30px; }
        .altGenelTitleKapsa a { color:#fff; font-size:30px; }
}

/*#endregion*/

/*#region NAVIGASYON*/

.navigasyon, .navigasyon a { font-size:18px; color:#fff;  margin-bottom:25px; margin-top:25px; text-align:center; }

@media screen and (max-width:800px)
{
    .navigasyon, .navigasyon a { font-size:16px; color:#fff;  margin-bottom:5px; margin-top:5px; text-align:center; }
}

/*#endregion*/

/*#region ALT SAYFA */

.altSayfaEkTitle { font-size:26px; color:#535353; }

.altSayfaRightPadding { padding-left: 20px; }


@media screen and (max-width:800px)
{

}

/*#endregion*/

/*#endregion*/

/*#region  ================================== LISTE SAYFALARI */

/*#region GENEL LISTE SAYFALARI [ ContentList ] --- IPTAL KULLANILMIYOR */

.listKapsa { padding:10px; }
.listTitle { font-size:20px; font-weight:bold; color:#FF8800; }
.listSpot { color:#1E212A; }

/*#endregion*/

/*#region GENEL LISTE - ESKI --- IPTAL KULLANILMIYOR */

.listeKapsa { background-color:#FF8800; overflow:hidden; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
    .listeKapsa:hover { background-color:#262D37; }

.listeBaslik { color: #fff; padding: 5px; text-align: center; height: 60px; overflow: hidden; display: 
               -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; 
               -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/*#endregion*/

/*#endregion*/

/*#region  ================================== HAKKIMIZDA */

.aboutUsKapsa {  }

.aboutUsContentKapsa { display: flex; align-items: center; justify-content: center; }

.aboutUsTitle { font-size: 36px; font-weight: bold; text-align: center; padding:20px 0px 20px 0px; }

.aboutUsLeft {}
.aboutUsSpot {}
.aboutUsDetay {}

.aboutUsRight { padding:10px 25px 0px 25px; }
.aboutUsResim { padding:10px; }

@media screen and (max-width:800px) {  

    .aboutUsTitle { font-size: 26px; font-weight: bold; text-align: center; padding:20px 0px 20px 0px; }

    .aboutUsLeft {}
    .aboutUsSpot {}
    .aboutUsDetay {}

    .aboutUsRight { padding:1px 1px 1px 1px; }
    .aboutUsResim { padding:1px; }
}

/*#endregion*/

/*#region  ================================== CONTENT DETAY SAYFALARI */

/*#region  CONTENT DETAY - BLOG DETAY */



@media screen and (max-width:1450px) {
    
}

@media screen and (max-width:800px) {

}

/*#endregion*/

/*#region  CONTENT DETAY - HIZMETLERIMIZ */

.hizmetResimSpotKapsa { display: flex; align-items: center; justify-content: center; }
.hizmetSpot { font-size: 24px; line-height: 40px; padding: 10px 0px 0px 20px; }

@media screen and (max-width:1450px) {
    .hizmetSpot { font-size: 20px; line-height: 30px; padding: 5px 5px 5px 5px; }
}

@media screen and (max-width:800px) {
    .hizmetResimSpotKapsa { display: block; align-items: center; justify-content: center; }
    .hizmetSpot { font-size: 24px; line-height: 36px; padding: 5px 5px 5px 5px; }
}

/*#endregion*/

/*#endregion*/

/*#region  ================================== BLOG / BLOG DETAY SAYFALARI */

/*#region BLOG LISTE SAYFASI */

/* ======================================================================== SOL KISIM */

.blogSolPaddingCizgi { padding-right:15px; border-right:1px solid #ccc; }

.blogPadding { padding:10px; }

.blogImg {  }
.blogImgBorder { overflow:hidden; border:0px solid #FF8800; }
.blogTitle { font-size: 20px; color: #262D37; font-weight: bold; height:65px; overflow:hidden; }
.blogSpot { font-size: 16px; color: #262D37; height: 75px; line-height: 25px; overflow: hidden; }
.blogDevam {  }
.blogTarih { width:50%; float:left; }

/* ======================================================================== SAG KISIM */

.blogSubPadding { padding-left:20px; }
.blogSubSolTitle { font-size:24px; color:#000; padding:5px; }
.blogSubKategori { width:50%; float:right; text-align:right; }

.blogSubOtherLink { padding:5px; outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.blogSubOtherLink:hover { padding:5px; padding-left:5px; color:#FF8800; }

.blogSubOtherLinkAyrac { width:100%; height:1px; background-color:#ccc; float:right; }

@media screen and (max-width:1450px) {
}

@media screen and (max-width:1025px)
{
    /* ======================================================================== SOL KISIM */  
    
    .blogSolPaddingCizgi { padding-right:0px; border-right:0px solid #ccc; }  

    .blogPadding { padding:0px; }
    .blogImg {  }
    .blogImgBorder { overflow:hidden; /*border:1px solid #535353;*/ }
    .blogTitle { font-size: 20px; color: #231F20; font-weight: bold; height:65px; overflow:hidden; }
    .blogSpot { font-size: 16px; color: #535353; height: 75px; line-height: 25px; overflow: hidden; }
    .blogDevam {  }
    .blogTarih { width:50%; float:left; }
    .blogKategori { width:50%; float:right; text-align:right; }

    /* ======================================================================== SAG KISIM */

    .blogSubPadding { padding-left:0px; }
}

/*#endregion*/

/*#region DETAY - BLOG DETAY SAYFALARI */

.ekMetinTitle { font-size:26px; font-weight:bold; }

.detayPagePadding { padding-right:15px; }

/*#region YORUMLAR ---------- BU KISMI DUZENLEYECEKSIN DAHA HOS GORUNTU OLSUN */

.yorumTitle {
    width:90%; height:40px; border:1px solid #ddd; padding: 10px;
}

.yorumMetin {
    width:90%; height:100px; border:1px solid #ddd; padding: 10px;
}

/*#endregion*/

@media screen and (max-width:800px)
{
    .detayPagePadding { padding-right:0px; }
}

/*#endregion*/

/*#endregion*/

/*#region  ================================== REFERANSLAR */

/*#region REFERANS LISTE */

.refList { width:100%; padding:5px; }

.refListInner { overflow:hidden; }

.refListImgKapsa { overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.refList:hover .refListImgKapsa { background-color: rgba(0, 0, 0, 0.5); overflow: hidden; }

.refListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
              overflow: hidden; outline: none; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease; }

.refList:hover .refListImg { background-repeat: no-repeat; background-size: cover; background-position-x: center; background-position-y: center; 
                             -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 

.refListContent { width:75%; background-color:rgba(0,0,0,0.5); padding:15px; display:inline-block;position:absolute; z-index:25; bottom:5px;
                  transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }

.refList:hover .refListContent { width:75%; background-color:#FF8800; padding:15px; display:inline-block;position:absolute; z-index:25; }

/* *************** ANASAYFA ICIN ******** */
.refListContentAnas { width:75%; background-color:rgba(0,0,0,0.5); padding:15px; display:inline-block;position:absolute; z-index:25; bottom:0px;
                  transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
.refList:hover .refListContentAnas { width:75%; background-color:#FF8800; padding:15px; display:inline-block;position:absolute; z-index:25;}


.refListTitle { color:#fff; font-size:20px; font-weight:bold; }

.refListSpot { color:#fff; font-size:16px; }

@media screen and (max-width:1450px) {
    .refListContentAnas { width:95%; background-color:rgba(0,0,0,0.5); padding:15px; display:inline-block;position:absolute; z-index:25; bottom:0px;
                  transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; }
    .refList:hover .refListContentAnas { width:95%; background-color:#FF8800; padding:15px; display:inline-block;position:absolute; z-index:25;}
}

/*#endregion*/

/*#endregion*/

/*#region  ================================== ILETISIM SAYFASI VE FORMLAR */

/* ============= ILETISIM SAYFASI CSS LERI BURAYA ALINACAK ================= */

.contactTitle { width:100%; font-size:26px; margin-bottom:10px; margin-top:40px; text-align:center; }

.contactInfoKapsa { padding:25px 0px 50px 0px; }

.contactIconMetinKapsa { width:100%; text-align:center;  }
.contactInfoIcon { width:85px; height:85px; text-align:center; background-color:#FF8800; margin:0 auto; 
                   -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
                   outline:none; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease;}

.contactInfoIcon img { position:relative; top:20%; }

.contactIconMetinKapsa:hover .contactInfoIcon { width:85px; height:85px; text-align:center; background-color:#1E212A; margin:0 auto; 
                                                -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }

.contactInfoMetin, .contactInfoMetin a { width:100%; text-align:center; font-size:18px; margin-top: 5px; }

.contactFormKapsa { padding:50px 100px 50px 100px; }

        .formTextbox { width: 100%; height: 50px; padding: 10px; background-color: transparent; border:none; border: 1px solid #ccc; font-family: 'gothic' !important; 
                       transition: 0.5s; color:#1E212A; outline: 0; font-size:16px; margin-bottom:15px; color:#1E212A; }
        .formTextbox:hover { width: 100%; height: 50px; padding: 10px; background-color: transparent; border: 1px solid #FF8800; transition: 0.5s; color:#1E212A; outline: 0; font-size:16px; }

        .formTextbox::-webkit-input-placeholder { color: #1E212A; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; font-size:16px; }
            .formTextbox:hover::-webkit-input-placeholder { color: #1E212A; font-size:16px; }

        .formTextbox:-ms-input-placeholder { color: #1E212A; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; font-size:16px; }
            .formTextbox:hover:-ms-input-placeholder { color: #1E212A; font-size:16px; }

        .formTextbox::-moz-placeholder { color: #1E212A; opacity: 1; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; font-size:16px; }
            .formTextbox:hover::-moz-placeholder { color: #1E212A; opacity: 1; font-size:16px; }

        .formTextbox:-moz-placeholder { color: #1E212A; opacity: 1; transition: 0.5s ease;-o-transition: 0.5s ease;-webkit-transition: 0.5s ease; font-size:16px; }
            .formTextbox:hover:-moz-placeholder { color: #1E212A; opacity: 1; font-size:16px; }

        .contactYenileButon { transition: 0.7s ease;-o-transition: 0.7s ease;-webkit-transition: 0.7s ease; }
        .contactYenileButon:hover { transform: rotate(180deg); }

        .iletValidation { position:relative; margin-top:-59px; border:1px solid red; padding:3px; float:right; background-color:#fff; margin-right:5px; }

@media screen and (max-width:800px) {
    .contactFormKapsa { padding:25px 10px 25px 10px; } 
}


/*#region FORM TEXTBOX */
.form-control {
    display: block; width: 100%; height: 40px;
    background-color: #fff; background-image: none; border: 1px solid #ccc;
}
/*#endregion*/

/*#endregion*/

/*#region ================================== MEDIA SCREENLER */

@media screen and (max-width:1450px)
{
    .containerKapsa { padding-left:50px; padding-right:50px; }

    .nav-links li a { display:block; color:#fff; padding:0 10px; font-size:18px; transition:color 650ms; letter-spacing:2px; }    
}

@media screen and (max-width:1366px)
{
      .containerKapsa { padding-left:30px; padding-right:60px; }
}

@media screen and (max-width:1160px) 
{

}

@media screen and (max-width:1009px) 
{

}

@media screen and (max-width:960px)
{

}

@media screen and (max-width:800px)
{
    .containerKapsa { padding-left:10px; padding-right:10px; }       
}

@media screen and (max-width:479px)
{
    
}

/*#endregion*/