/*
Theme Name: WordPress Kurumsal 4
Theme URI: https://www.thewp.com.tr/
Description: Tüm hakları THEWP tarafına ait olan Profesyonel WordPress Kurumsal 4 temasıdır.
Author: Thewp.com.tr
Author URI: https://www.thewp.com.tr/
Version: v4
License: theWP - Tüm Hakları Saklıdır.
Tags: Kurumsal Tema, Wordpress Kurumsal Tema
*/




@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

img.alignleft{float:left;margin-right:10px!important}img.alignright{float:right;margin-left:10px!important}img.aligncenter{clear:both;display:block;margin:0 auto 1.75em}
.temizle {clear:both;}
a {text-decoration: none!important;}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}


/* SLIDER
-------------------------------------------------- */

#slayt {max-height: 570px!important; position: relative;}
#slayt .swiper-slide  {
    width: 100%!important;
	overflow: hidden!important;
}
#slayt .swiper-slide .slaytIMG {
    height: 570px;
    width: 100%!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center top!important;
}
#slayt .swiper-slide .iceriktasi {
    position: absolute;
    top: 50%;
	margin-top: -25px;
    width: 40%;
}
#slayt .swiper-slide .baslik {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-weight: 600;
	font-size: 28px;
    padding: 20px 30px;
    margin: 0;
}
#slayt .swiper-slide .iceriktasi .btn {margin:0px!important; padding:0px!important;}
#slayt .swiper-slide .iceriktasi .btn a{
    background: rgba(237, 28, 36, 0.7);
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    border: 0;
    font-weight: 300;
    padding: 10px 20px;
    position: relative;
	transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
	display: block;
}
#slayt .swiper-slide .iceriktasi .btn a:hover {color: #ffffff; background-color: rgba(237, 28, 36, 1);}
#slayt .slaytgeri {position: absolute; top: 50%; z-index: 99999; left: 20px; font-size: 48px; margin-top: -25px; padding: 0px 20px 4px 16px; background: rgba(0, 0, 0, 0.7); color: #ffffff; cursor: pointer;}
#slayt .slaytileri {position: absolute; top: 50%; z-index: 99999; right: 20px; font-size: 48px; margin-top: -25px; padding: 0px 16px 4px 20px; background: rgba(0, 0, 0, 0.7); color: #ffffff; cursor: pointer;}
#slayt .slaytileri:hover, #slayt .slaytgeri:hover {background: #ed1c24;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

.img-responsive2 {max-width: 100%;height: auto;}



nav .menu-toggle {
  display: none;
  padding: 15px;
  background-color: #333333;
  color: #cccccc;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}
nav .menu-toggle * {
  display: inline-block;
  vertical-align: middle;
}
nav .menu-toggle span {
  margin-left: 4px;
}
nav .menu {
  float: left;
  width: 100%;
  background: #333333;
}
nav .menu > ul {
  margin: 0px;
  padding: 0px;
  text-align: right;
}
nav .menu > ul > li {
  position: relative;
  list-style: none;
  display: inline-block;
}
nav .menu > ul > li:hover > a {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.20);
}
nav .menu > ul > li > a {
  display: block;
  padding: 0px 15px;
  font-size: 18px;
  color: #ffffff;
  line-height: 80px;
  font-weight: 600;
}
nav .menu > ul > li ul {
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  position: absolute;
  top: 90%;
  left: 0;
  z-index: 4;
  width: 200px;
  background-color: #333333;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
nav .menu > ul > li ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.20);
  list-style: none;
}
nav .menu > ul > li ul li:hover {
  background-color: #ed1c24;
}
nav .menu > ul > li ul li:hover a {
  color: #ffffff;
}
nav .menu > ul > li ul li:last-child {
  border-bottom: none;
}
nav .menu > ul > li ul li a:hover {background: #ed1c24;}
nav .menu > ul > li ul li a {
  display: block;
  padding: 10px;
  color: #cccccc;
  background: #333333;
  font-size: 13px;
  line-height: 140%;
}
nav .menu > ul > li:hover ul {
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
  top: 100%;
}


.logoAlani {height: 80px; padding: 5px 0px; overflow: hidden; background: #ffffff; text-align: center;}
.headerSosyal i {color: #939598; font-size: 18px; float: left; margin-right: 15px; line-height: 60px; height: 60px;}
ul.ustMenu {padding: 0px; margin:0px; text-align: right;}
ul.ustMenu li {display: inline-block; position: relative; list-style: none; margin-left: 15px;}
ul.ustMenu li a {width: auto; height: 60px; line-height: 60px; padding: 0px 0px; display: block; font-size: 14px; font-weight: 600; color: #666666;}
ul.ustMenu li a:hover{color: #ed1c24;}

span.glyphicon.glyphicon-chevron-left.fa.fa-angle-left {width: auto; height: auto; padding: 1px 20px 1px 18px; background: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 48px;}
span.glyphicon.glyphicon-chevron-right.fa.fa-angle-right {width: auto; height: auto; padding: 1px 18px 1px 20px; background: rgba(0, 0, 0, 0.7); color: #ffffff; font-size: 48px;}
span.glyphicon.glyphicon-chevron-left.fa.fa-angle-left:hover, span.glyphicon.glyphicon-chevron-right.fa.fa-angle-right:hover {background: #ed1c24;}

.sliderBaslik {position: absolute;width: 600px;margin-top: 240px; height: auto; overflow: hidden;}
.sliderBaslik strong {font-size: 32px; font-weight: 700; color: #ffffff; background: rgba(0, 0, 0, 0.7);	padding: 10px 20px; width: auto; height: auto; display: block; margin-bottom: 10px;}
.sliderBaslik a {font-size: 18px; font-weight: 400; color: #ffffff; background: rgba(237, 28, 36, 0.7); line-height: 42px; height: 42px; width: auto; padding: 0px 32px; display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;}
.sliderBaslik a:hover {color: #ffffff;}
.sliderBaslik a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0%;
    height: 100%;
    background-color: rgba(237, 28, 36, 1);
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
}
.sliderBaslik a:hover:after {width: 100%;}
.relative {position: relative; width: 100%!important; height: auto; overflow: hidden;}
#anaSayfaHaberler {position: relative; width: 100%; height: auto; overflow: hidden; display: block; top: -48px; margin-bottom: -18px;}
.anaSayfaHaberlerStrong {height: 48px; line-height: 48px; overflow: hidden; display: block; background:#333333; position: absolute; z-index: 9999;}
.anaSayfaHaberlerStrong strong {font-size: 20px; font-weight: 400; color: #ffffff;}
.anaSayfaHaberlerStrong i {font-size: 20px; font-weight: 400; color: #ffffff; float: right; height: 48px; line-height: 48px;}

.anaSayfaHaberler {background:#333333; cursor: pointer; padding: 15px 15px 5px 15px;}
.anaSayfaHaberler:hover {background: rgba(0, 0, 0, 0.20)!important;}
.anaSayfaHaberler:hover h2 {color: #ffffff;}
.anaSayfaHaberler:hover p {color: #ffffff;}
.anaSayfaHaberlerImg {width: 100%; height: auto; overflow: hidden; display: block;}
.anaSayfaHaberlerImg img {width: 100%; min-height: 100%;}
.anaSayfaHaberler h2{font-size: 18px!important; font-weight: 600; color: #cccccc; padding: 0px; margin: 10px 0px 10px 0px; height: 38px; overflow: hidden;}
.anaSayfaHaberler p{font-size: 14px!important; font-weight: 300; color: #cccccc; padding: 0px; margin: 10px 0px 10px 0px; height: 160px; overflow: hidden;}

.kirmiziRenkVer {background: #ed1c24; margin-bottom: 30px;}
ul.ortaMenu {padding: 0px; margin: 0px; height: 100px; display: block;}
ul.ortaMenu li {list-style: none; float: left; border-left: 1px solid rgba(0, 0, 0, 0.20);}
ul.ortaMenu li:nth-of-type(6n) {border-right: 1px solid rgba(0, 0, 0, 0.20);}
ul.ortaMenu li a {font-size: 14px; font-weight: 400; color: #ffffff; display: block; width: 193px; height: 100px; padding: 20px 60px; text-align: center;}
ul.ortaMenu li:hover {background: rgba(0, 0, 0, 0.20);}
li.kdrmenu {list-style: none!important;}
li.kdrmenu a {color: #ffffff;}

#nelerYapariz {padding: 0px 15px 0px 0px!important;}
#anaFotoGaleri {padding: 0px 0px 0px 15px!important;}
.nelerBaslik {height: 50px; line-height: 50px; padding: 0px 15px; margin: 0px; background: #006666; overflow: hidden; display: block;}
.nelerBaslik strong {font-size: 20px; font-weight: 400; color: #ffffff; margin: 0px; padding: 0px;}
.nelerYazi {padding: 15px 15px 5px 15px; background: #dcdcdc;}
.nelerYazi p {font-size: 15px; color: #333333; font-weight: 400; text-align: justify;}
.nelerYazi iframe {width: 100%; height: 192px; overflow: hidden; display: block; margin: 8px 0px;}

.anaFotoGaleriBaslik {height: 50px; line-height: 50px; padding: 0px 15px; margin: 0px; background: #cc9933; overflow: hidden; display: block;}
.anaFotoGaleriBaslik strong {font-size: 20px; font-weight: 400; color: #ffffff; margin: 0px; padding: 0px;}
.anaFotoIcerik {padding: 15px 0px 15px 0px; background: #dcdcdc; margin-bottom: 30px;}
.anaFotoImg {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 210px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease;}
.anaFotoImg strong {width: 100%; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 14px; font-weight: 500; display: block; position: absolute; bottom: 0px; text-align: center;}

.nelerBaslik i, .anaFotoGaleriBaslik i {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    float: right;
    height: 50px;
    line-height: 50px;
}

.anaFotoNext {top: 87px; right: 15px; position: absolute; z-index: 9999;}
.anaFotoPrev{top: 87px; left: 15px; position: absolute; z-index: 9999;}
.anaFotoPrev, .anaFotoNext {width: 1px; height: auto; padding: 0px 23px 2px 17px; background: rgba(51, 51, 51, 0.5); color: #ffffff; font-size: 28px; cursor: pointer;}
.anaFotoPrev:hover, .anaFotoNext:hover {background: #cc9933;}

.ucKutu {height: auto; overflow: hidden; display: block; padding: 0px!important;}
.ucKutu a {background: #666666; display: block; text-align: center; color: #ffffff; font-size: 14px; padding: 28px 0px; font-weight: 600; outline: none;}
.ucKutu a i {display: block; font-size: 36px; margin-bottom: 4px;}
.ucKutu a:hover {background: #333333; color: #cc9933;}
.ucKutu a:hover, .ucKutu a:focus {color: #cc9933;}
.obordermio {border-top: 0px; border-bottom: 0px; border-left: 1px solid #333333; border-right: 1px solid #333333;}



.referansBg {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 234px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease; margin: 30px 0px; text-align: center;}
.referansBg h3 {font-size: 24px; font-weight: 300; color: #ffffff; position: relative; display: inline-block; margin-top: 25px;}
.referansBg h3:before {
    background: #ed1c24!important;
    position: absolute;
    bottom: -7px;
    left: 53px;
    height: 3px;
    width: 100px;
    content: "";
    z-index: 9;
}

.referansResim {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: auto!important; height: 110px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease; margin-top: 30px;}

.swiper-container2 {
    position: relative!important;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.anaFotoNext2 {top: 0px; right: 15px; position: absolute; z-index: 9999;}
.anaFotoPrev2{top: 0px; left: 15px; position: absolute; z-index: 9999;}
.anaFotoPrev2, .anaFotoNext2 {width: 1px; height: auto; padding: 0px 23px 2px 17px; background: rgba(134, 134, 134, 0.5); color: #ffffff; font-size: 16px; cursor: pointer;}
.anaFotoPrev2:hover, .anaFotoNext2:hover {background: #ed1c24;}

.sayfalarBG {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 234px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease; text-align: center;}

.solMenu {position: relative; margin-top: -60px;}
.solMenu strong {width: 100%; height: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.4); display: block; text-align: center; font-size: 20px; font-weight: 400; color: #ffffff;}
.solMenu ul {padding: 0px; margin: 0px;}
.solMenu ul li {list-style: none; border-bottom: 1px solid #ffffff;}
.solMenu ul li a {font-size: 16px; font-weight: 400; color: #666666; background: #cccccc; line-height: 40px; height: 40px; width: auto; padding: 0px 15px; display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;}
.solMenu ul li a:hover {color: #ffffff;}
.solMenu ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0%;
    height: 100%;
    background-color: #999999;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    -moz-transition: 0.4s all;
}
.solMenu ul li a:hover:after {width: 100%;}
.solMenu ul li a:hover:before {color: #ffffff;}
.solMenu ul li a:before {content: "\f105";
display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
    float: right;
    line-height: 40px;
	color: #cccccc;
}

.pageText {padding: 0px 0px 15px 0px;}
.pageText p {font-size: 14px; color: #666666; font-weight: 300;}
.pageText strong.baslik {font-size: 22px; color: #666666; font-weight: 700; line-height: 60px; height: 60px; background: #ffffff; width: 100%; position: relative; display: block;}
.pageText strong.baslik:before {
    background: #666666!important;
    position: absolute;
    bottom: 27px;
    right: 0px;
    height: 3px;
    width: 100%;
    content: "";
    z-index: 9;
}
.pageText strong.baslik span {
    padding: 0px 50px 0px 0px;
    background: #ffffff;
    z-index: 8888;
    position: relative;
}

.col-md-8.col-xs-12.marifet {position: relative; margin-top: -60px; background: #ffffff;}
.col-md-12.col-xs-12.marifet {position: relative; margin-top: -60px; background: #ffffff;}

.solMenu2 {position: relative; margin-top: 30px; width: 100%; }
.solMenu2 strong {width: 100%; height: 50px; line-height: 50px; background: #ed1c24; display: block; font-size: 20px; font-weight: 400; color: #ffffff; padding: 0px 15px;}
.solMenu2 .fa-pencil-square-o {float: right; line-height: 50px;}
.solMenu2 ul {padding: 0px; margin: 0px;}
.solMenu2 ul li {list-style: none; border-bottom: 1px solid #b7b7b7;}
.solMenu2 ul li a {font-size: 16px; font-weight: 400; color: #666666; width: 100%; height: 50px; line-height: 50px; display: block; padding: 0px 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.solMenu2 ul li a:hover {color: #ed1c24;}

.konuImg {width: 45%; height: auto; overflow: hidden; display: block; float: left; margin-right: 25px;}
.konuImg img {width: 100%; min-height: 100%; margin-bottom: 15px;}

.thorBG {background:#333333; width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
#detayHaberler {position: relative; width: 100%; height: auto; overflow: hidden; display: block; top: -48px; margin-bottom: -38px;}
.detayHaberlerStrong {width: 100%; height: 48px; line-height: 48px; overflow: hidden; display: block; background:#333333;}
.detayHaberlerStrong strong {font-size: 20px; font-weight: 400; color: #ffffff;}
.detayHaberlerStrong i {font-size: 20px; font-weight: 400; color: #ffffff; float: right; height: 48px; line-height: 48px;}

.detayHaberler {background:#333333; padding: 15px 0px 5px 0px; cursor: pointer;}
.detayHaberler:hover {background: rgba(0, 0, 0, 0.20)!important;}
.detayHaberler:hover h2 {color: #ffffff;}
.detayHaberler:hover p {color: #ffffff;}
.detayHaberlerImg {width: 100%; height: auto; overflow: hidden; display: block;}
.detayHaberlerImg img {width: 100%; min-height: 100%;}
.detayHaberler h2{font-size: 18px!important; font-weight: 600; color: #cccccc; padding: 0px; margin: 10px 0px 10px 0px; height: 38px; overflow: hidden;}
.detayHaberler p{font-size: 14px!important; font-weight: 300; color: #cccccc; padding: 0px; margin: 10px 0px 10px 0px; height: 80px; overflow: hidden;}

.detayHaberlerIcerik {padding: 0px 0px 15px 0px; height: auto; overflow: hidden;}
.detayHaberlerIcerik p {font-size: 14px; color: #666666; font-weight: 300;}
.detayHaberlerIcerik strong.baslik {font-size: 22px; color: #ed1c24; font-weight: 700; height: auto; background: #ffffff; width: 100%; display: block; padding-top: 15px; margin-bottom: 0px;}

.kategoriHaberler {padding: 15px 0px 5px 0px; cursor: pointer;}

.kategoriHaberlerImg {width: 100%; height: auto; overflow: hidden; display: block;}
.kategoriHaberlerImg img {width: 100%; min-height: 100%;}
.kategoriHaberlerImg2 {width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.kategoriHaberlerImg2 img {width: 100%; min-height: 100%;}
.kategoriHaberlerImg2 h2 {
    font-size: 14px!important;
    font-weight: 400;
    color: #ffffff;
    padding: 0px 10px;
    margin: 0px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.kategoriHaberlerImg3 {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 130px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease;}
.kategoriHaberlerImg3 h2{font-size: 18px!important; font-weight: 600; color: #666666; padding: 0px; margin: 10px 0px 10px 0px; height: 39px; max-height: 39px; overflow: hidden;}

.kategoriHaberler h2{font-size: 18px!important; font-weight: 600; color: #666666; padding: 0px; margin: 10px 0px 10px 0px; height: 39px; max-height: 39px; overflow: hidden;}
.kategoriHaberler p{font-size: 14px!important; font-weight: 300; color: #666666; padding: 0px; margin: 0px 0px 0px 0px; height: 100px; max-height: 100px; overflow: hidden;}
.kategoriHaberler:hover h2 {color: #ed1c24;}
.kategoriHaberler:hover p {color: #666666;}

.kategoriUrunler {padding: 15px 0px 5px 0px; cursor: pointer;}
.kategoriUrunlerImg {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 170px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease;border: 1px solid #f2f2f2; padding: 5px;}
.kategoriUrunler h2{font-size: 16px!important; font-weight: 600; color: #666666; padding: 0px; margin: 10px 0px 0px 0px; height: 35px; max-height: 35px; overflow: hidden;}
.kategoriUrunler:hover h2 {color: #ed1c24;}
.kategoriUrunler:hover p {color: #666666;}
.kategoriUrunler:hover .kategoriUrunlerImg {border: 1px solid #dcdcdc;}

.kategoriUrunlerImg {width: 100%; height: auto; overflow: hidden; display: block; border: 1px solid #f2f2f2; padding: 5px;}
.kategoriUrunlerImg img {width: 100%; min-height: 100%;}

.pagination {padding: 0;position: relative;font-size: 14px;line-height: 30px;width: 100%;height: auto;overflow: hidden;margin: 10px 0px 0px 0px!important; border-radius: 0px!important;}
.pagination .current {padding: 5px 20px;}
.pagination .current, .pagination a:hover {background: #ed1c24;color: #fff;}
.pagination a, .pagination span {display: block;float: left;margin: 0px 2px 0px 0px;padding: 5px 20px;text-decoration: none;width: auto;color: #999999;background: #f1f1f1; margin-bottom: 5px;}
.pagination a, .pagination span {display: block;float: left;margin: 0px 2px 0px 0px;padding: 5px 20px;text-decoration: none;width: auto;color: #999999;background: #f1f1f1; margin-bottom: 5px;}


#detayUrunler {position: relative; width: 100%; height: auto; overflow: hidden; display: block; top: -48px; margin-bottom: -38px;}
.detayUrunlerStrong {width: 100%; height: 48px; line-height: 48px; overflow: hidden; display: block; background:#cccccc;}
.detayUrunlerStrong strong {font-size: 20px; font-weight: 400; color: #666666;}
.detayUrunlerStrong i {font-size: 20px; font-weight: 400; color: #666666; float: right; height: 48px; line-height: 48px;}
.detayUrunler {
    background: #cccccc;
    padding: 0px 0px 10px 0px;
    cursor: pointer;
    height: auto;
    overflow: hidden;
}

.detayUrunler .kategoriUrunler:hover .kategoriUrunlerImg {border: 1px solid #717171;}
.detayUrunler .kategoriUrunlerImg {border: 1px solid #cccccc;}
.detayUrunler .kategoriUrunler h2{font-weight: 500;}

.urunDetayFoto {width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.urunDetayFotoImg {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 330px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease;}
.urunNext {top: 47%; right: 16px; position: absolute; z-index: 9999; border: 1px solid #c2c2c2; color: #c2c2c2; padding: 3px 9px 3px 11px; background: #ffffff; cursor: pointer;}
.urunPrev{top: 47%; left: 16px; position: absolute; z-index: 9999; border: 1px solid #c2c2c2; color: #c2c2c2; padding: 3px 11px 3px 9px; background: #ffffff; cursor: pointer;}
.urunNext:hover, .urunPrev:hover {border: 1px solid #ed1c24; color: #ffffff; background: #ed1c24;}

.urunKodFiyat {width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.urunKodFiyat span {padding: 0px!important; margin: 0px!important; font-size: 16px; font-weight: 400; color: #666666; width: 100px; height: auto; overflow: hidden; float: left;}
.urunKodFiyat strong {padding: 0px!important; margin: 0px!important; font-size: 16px; font-weight: 700; color: #666666;}

.fotoGaleriKategori {padding: 15px 0px 5px 0px; cursor: pointer;}
.fotoGaleriKategoriImg {background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; width: 100%; height: 170px; position: relative;    -webkit-transition: all 0.30s ease; -moz-transition: all 0.30s ease; -o-transition: all 0.30s ease; -ms-transition: all 0.30s ease; transition: all 0.30s ease;}
.fotoGaleriKategori h2 {font-size: 14px!important; font-weight: 400; color: #ffffff; padding: 0px 10px; margin: 0px; height: 40px; line-height: 40px; overflow: hidden; position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.5); white-space: nowrap; text-overflow: ellipsis; width: 100%;}
.fotoGaleriKategori:hover h2 {background: rgba(237, 28, 36, 0.7);}


#musteriyorumlari {
	width: 100%!important;
	height: auto;
	overflow: hidden;
	display: block;
}
#musteriyorumlari img {
	margin: 0px!important; padding: 0px!important;
}
#musteriyorumlari .swiper-container-musteriyorum {
    padding-bottom: 30px;
}
#musteriyorumlari .baslik {
    font-weight: 300;
    color: #fff;
    padding: 0px 10px 2px 10px;
    font-size: 24px;
    color: #666666;
}
#musteriyorumlari .cizgi {
background: #ed1c24!important
}
#musteriyorumlari .cizgi {
    width: 100px;
    height: 3px;
    background: #fff;
    margin: 0 auto 20px;
    display: block;
}
#musteriyorumlari .mesaj {
    background: #dcdcdc;
    color: #333333;
    padding: 20px 15px;
    position: relative;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
	cursor: pointer;
}
#musteriyorumlari .mesaj:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 15px 11.5px 0;
    border-color: transparent #dcdcdc transparent transparent;
    left: -10px;
    top: 20px;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
#musteriyorumlari .swiper-slide .mesaj:hover {
    background: #ed1c24; color: #ffffff;
}
#musteriyorumlari .swiper-slide .mesaj:hover:before {
    border-color: transparent #ed1c24 transparent transparent;
}
#musteriyorumlari .mesaj p {
    margin: 0;
    font-weight: 300;
}
#musteriyorumlari .isim {
    color: #ed1c24;
    margin-top: 5px;
}
#musteriyorumlari .pr0 {
    padding-right: 0;
}

.mobilBoslukVer img {width: 100%; height: auto;}
.sliderIMGortala {text-align: center;}
.sliderIMGortala img {background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    width: 100%;
    height: 330px;
    position: relative;
    -webkit-transition: all 0.30s ease;
    -moz-transition: all 0.30s ease;
    -o-transition: all 0.30s ease;
    -ms-transition: all 0.30s ease;
    transition: all 0.30s ease;}

.harita {width: 100%; height: auto; overflow: hidden; display: block; margin: 20px 0px;}
.harita iframe {width: 100%; height: 350px; overflow: hidden; display: block;}

.iletisimBilgilerimizSayfa strong.fBaslik {padding: 0px; margin: 0px; font-size: 20px; color: #666666; font-weight: 400; position: relative;}
.iletisimBilgilerimizSayfa strong.fBaslik:before {
    background: #ed1c24!important;
    position: absolute;
    bottom: -13px;
    left: 0px;
    height: 3px;
    width: 65px;
    content: "";
    z-index: 9;
}
.iletisimBilgilerimizSayfa .fAdres {margin: 0px 0px 13px 0px!important;}
.iletisimBilgilerimizSayfa .fAdres:nth-of-type(4n) {margin: 0px 0px 0px 0px!important;}
.iletisimBilgilerimizSayfa .fAdres span {font-size: 14px; color: #666666; font-weight: 300; margin-top: 25px;}
.iletisimBilgilerimizSayfa .fAdres i {color: #ed1c24; font-size: 18px; float: left; width: 25px;}

.iletisimBilgilerimizSayfa {width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.iletisimBilgilerimizSayfa .form {width: 100%; height: auto; overflow: hidden; display: block; position: relative;}
.iletisimBilgilerimizSayfa .form p {width: 49%; height: 36px; line-height: 36px; overflow: hidden; float: left; margin-right: 2%;}
.iletisimBilgilerimizSayfa .form p:nth-of-type(2n) {margin-right: 0px;}
.iletisimBilgilerimizSayfa .form textarea, .iletisimBilgilerimizSayfa .form input {border-radius: 0px!important; background: #dcdcdc; border: 0px!important; 
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .0);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; outline: none;}
.iletisimBilgilerimizSayfa .form input:focus{outline: none;    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 8px rgba(0,0,0,.0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 8px rgba(0,0,0,.0);}
	
.iletisimBilgilerimizSayfa p:nth-of-type(3n) {width: 100%; height: 100px; overflow: hidden;}
.guvenlikKodu {width: 50%!important; height: auto; overflow: hidden; margin-right: 10%; float: left;}
.guvenlikKodu span label {width: 100%!important; height: auto; overflow: hidden; margin-right: 10px; float: left;}
.guvenlikKodu .wpcf7-quiz-label {width: 38%; height: 36px; line-height: 36px; overflow: hidden; float: left; background: #ed1c24; color: #ffffff; text-align: center; float: left; margin-right: 2%;}
.guvenlikKodu label input {width: 60%; height: 36px; line-height: 36px; overflow: hidden; background: #dcdcdc; border: 0px!important;}
.guvenlikKodu label input:focus{outline: none;    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 8px rgba(0,0,0,.0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0), 0 0 8px rgba(0,0,0,.0);}
.guvenlikGonder {width: 40%!important; height: auto; overflow: hidden;}
.guvenlikGonder p {width: 100%!important; height: auto; overflow: hidden;}
.guvenlikGonder input {width: 100%!important; height: auto; overflow: hidden; border-radius: 0px; background: #999999; color: #ffffff;}
.guvenlikGonder input:hover {background: #ed1c24; color: #ffffff;}



.yorumformu {
    margin-top: 30px;
}

.yorumformu .baslik {
    background: #336767;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 16px 16px 32px;
}

.yorumformu .alt {
    padding: 0 10px;
    margin-top: -18px;
}

.yorumformu .alt .form-group {
    margin-bottom: 8px;
}

.yorumformu .alt input,
.yorumformu .alt textarea {
    border: 1px solid #c5c5c5;
    height: 37px;
    font-size: 13px;
    color: #666;
    border-radius: 0;
    box-shadow: 0 0 0;
}

.yorumformu .alt input::-webkit-input-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt input::-moz-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt input:-ms-input-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt input:-moz-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt textarea::-webkit-input-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt textarea::-moz-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt textarea:-ms-input-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt textarea:-moz-placeholder {
    font-size: 10px;
    color: #ccc;
}

.yorumformu .alt textarea {
    resize: none;
    height: 81px;
}

.yorumformu .alt .form-group {margin: 0px 0px 7px 0px!important;}
.yorumformu .alt .gonder {
    background: #999;
    color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    height: 37px;
    line-height: 37px;
    padding: 0;
    border-radius: 0;
    margin-top: 8px;
    position: relative;
    z-index: 99999;
}

.yorumformu .alt .gonder:hover {background: rgba(0, 0, 0, 0.60);}
.yorumformu .alt .gonder:before {
    background: rgba(0,0,0,.1);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    content: "";
    transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -webkit-transition: all .5s ease-in-out;
    z-index: -1;
}

.yorumformu .alt .gonder:after {
    background: rgba(0,0,0,.1);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 0;
    content: "";
    transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -webkit-transition: all .5s ease-in-out; 
    z-index: -1;    
}

.yorumformu .alt .gonder:hover:before,
.yorumformu .alt .gonder:hover:after {
    width: 100%;
}

.yorumlar {
    margin-top: 30px;
}

.yorumlar .baslik {
    font-size: 30px;
    color: #999;
    font-weight: 300;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

.yorumlar .baslik:after {
    content: "";    
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 3px;
    background: #f17a21;
}

.yorumlar .children {
    margin: 0 0 10px 50px;
    padding: 0;
}

.yorumlar .yorum {
    background: #fff;
    border: 1px solid #c2c2c2;
    padding: 9px;
    overflow: hidden;
    margin-bottom: 10px;
}

.yorumlar .yorum:last-child {
    margin-bottom: 0;
}

.yorumlar .yorum .avatar {
    width: 10%;
    float: left;
}

.yorumlar .yorum .aciklama {
    padding-left: 20px;
    overflow: hidden;
}

.yorumlar .yorum .aciklama .ust {
    overflow: hidden;
}

.yorumlar .yorum .aciklama .ust .ad {
    color: #333333;
    font-weight: bold;
}

.yorumlar .yorum .aciklama .ust .tarih {
    font-size: 12px;
    color: #999;
}

.yorumlar .yorum .aciklama .alt {
    margin-top: 15px;
}

.yorumlar .yorum .aciklama .alt p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin: 0;
}

.yorumlar .yorum .aciklama .alt .cevapla {
    color: #f17a21;
    font-size: 12px;
}


footer {width: 100%; height: auto; overflow: hidden; display: block; background: #333333; padding: 30px 0px; position: relative;}
.footerHakkimizda {position: relative;}
strong.fBaslik {padding: 0px; margin: 0px; font-size: 20px; color: #ffffff; font-weight: 700; position: relative;}
strong.fBaslik:before {
    background: #cc9933!important;
    position: absolute;
    bottom: -13px;
    left: 0px;
    height: 3px;
    width: 65px;
    content: "";
    z-index: 9;
}
.footerHakkimizda p {padding: 0px; margin: 0px; font-size: 14px; color: #cccccc; font-weight: 300; margin-top: 25px;}

ul.fMenu {margin: 18px 0px 0px 0px!important; padding: 0px!important; display: block;}
ul.fMenu li {list-style: none; border-bottom: 1px solid #848484; line-height: 34px; width:50%!important; float: left; margin-right: 1%;}
ul.fMenu li:nth-of-type(2n) {width:49%!important; margin-right: 0;}
ul.fMenu li a {color: #cccccc; font-size: 14px; display: block;}
ul.fMenu li a:hover {color: #cc9933;}
ul.fMenu .col-md-6:nth-of-type(1n) {padding: 0px 8px 0px 0px;}
ul.fMenu .col-md-6:nth-of-type(2n) {padding: 0px 0px 0px 8px;}


.fAdres {margin: 0px 0px 13px 0px!important;}
.fAdres:nth-of-type(4n) {margin: 0px 0px 0px 0px!important;}
.fAdres span {font-size: 14px; color: #cccccc; font-weight: 300; margin-top: 25px;}
.fAdres i {color: #cc9933; font-size: 18px; float: left; width: 25px;}
ul.paddingisilF {padding: 0px!important;}


/* MOBILE TASARIM */
@media (max-width: 992px){
  nav .menu-toggle {
    display: block;
  }
  nav .menu {
    float: none;
    width: 100%;
    margin: 0;
    display: none;
  }
  nav .menu > ul > li {
    float: none;
    background-color: #333333;
    border-bottom: 1px solid #272727;
	display: block;
	text-align: left;
  }
  nav .menu > ul > li:after {
    display: none;
  }
  nav .menu > ul > li > a {
    padding: 0px 15px;
    font-size: 13px !important;
	line-height: 48px;
  }
  nav .menu > ul > li ul {
    border-top: 1px solid #272727;
    visibility: visible;
    opacity: 1;
    position: relative;
    margin-top: 0;
    width: 100%;
    top: inherit;
  }
  nav .menu > ul > li ul li {
    border-bottom-color: 1px solid rgba(0, 0, 0, 0.20);
  }
  nav .menu > ul > li ul li a {
    padding: 10px 10px 10px 40px;
    font-size: 11px !important;
  }
  nav .menu > ul > li ul li a:hover {
	  background: #ed1c24;
	  color: #ffffff;
  }
  
.headerSosyal i {margin-left: 5px; line-height: 36px; height: 36px;}
ul.ustMenu {text-align: left;}
ul.ustMenu li a {height: 36px; line-height: 36px;}

#slayt .swiper-slide .iceriktasi {width: 60%;}
  
.carousel {height: 440px;}
.carousel .item {height: 440px;}
.carousel-inner > .item > img {height: 440px!important;}
  
.sliderBaslik {width: 500px;margin-top: 210px;}
.sliderBaslik strong {font-size: 22px; font-weight: 700; padding: 10px 20px; }
.sliderBaslik a {font-size: 14px; font-weight: 400; line-height: 32px; height: 32px; padding: 0px 22px;}
  
ul.ortaMenu {padding: 15px 0px; margin: 0px; height: auto; border: none; overflow: hidden; display: block;}
ul.ortaMenu li {float: none; list-style: none; display: block; border:none;}
ul.ortaMenu li:nth-of-type(1n) {border-top: 0px;}
ul.ortaMenu li:nth-of-type(2n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(3n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(4n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(5n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(6n) {border-top: 1px solid #be161d; border-right: none;}
ul.ortaMenu li:nth-of-type(7n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(8n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(9n) {border-top: 1px solid #be161d;}
ul.ortaMenu li:nth-of-type(10n) {border-top: 1px solid #be161d;}
ul.ortaMenu li a {font-size: 14px; font-weight: 400; color: #ffffff; display: block; height: auto; padding: 10px 0px; width: 100%; text-align: center;}
ul.ortaMenu li:hover {background: #be161d;}
  
#anaSayfaHaberler {top: 30px; margin-bottom: 60px;}
#detayUrunler {top: 30px; margin-bottom: 30px!important;}
#detayHaberler {top: 30px; margin-bottom: 60px!important;}
#nelerYapariz {padding: 0px 0px 0px 0px!important; margin-bottom: 30px;}
#anaFotoGaleri {padding: 0px 0px 0px 0px!important;}


.anaFotoIcerik {margin-bottom: 30px;}
.ucKutu {margin-top: 0px;}
.obordermio {border-left: 0px; border-right: 0px; border-top: 1px solid #333333; border-bottom: 1px solid #333333;}

.referansBg {height: auto; padding:0px 0px 30px 0px;}
.referansResim {height: 110px;}

ul.fMenu .col-md-6:nth-of-type(1n) {padding: 0px 0px 0px 0px;}
ul.fMenu .col-md-6:nth-of-type(2n) {padding: 0px 0px 0px 0px;}
.row.kdrknrow {padding: 0px 15px!important;}
  
.col-md-8.col-xs-12.marifet {margin-top: 30px;}
.col-md-12.col-xs-12.marifet {margin-top: 30px;}
.mobilBoslukVer {margin-top: 15px;}

.logoAlani {padding: 5px 15px; height: auto;}



.footerHakkimizda p {margin-bottom: 15px;}
ul.fMenu {
    margin: 18px 0px 15px 0px!important;
    height: auto;
    overflow: hidden;
    display: block;
}
.anaSayfaHaberler p, .detayHaberler p{height: auto;}
}

@media (max-width: 768px){
.carousel {height: 340px;}
.carousel .item {height: 340px; background: #000000;}
.carousel-inner > .item > img {height: 340px!important;}
span.glyphicon.glyphicon-chevron-left.fa.fa-angle-left, span.glyphicon.glyphicon-chevron-right.fa.fa-angle-right {display: none;}
.sliderBaslik {width: 400px;margin-top: 130px;}
.sliderBaslik strong {font-size: 18px; font-weight: 700; padding: 10px 20px; }
.sliderBaslik a {font-size: 12px; font-weight: 400; line-height: 32px; height: 32px; padding: 0px 22px;}
.referansResim {height: 90px;}
#slayt .swiper-slide .iceriktasi {left: 5%;}
#slayt .swiper-slide .baslik {font-size: 16px;}
.slaytgeri, .slaytileri {display: none;}
#slayt .swiper-slide .slaytIMG {height: 350px;}
#slayt .swiper-slide .iceriktasi .btn a {font-size: 14px;}
.anaSayfaHaberler p, .detayHaberler p {display: none;}
.konuImg {width: 100%; height: auto; overflow: hidden; display: block; float: none; margin-right: 0px;}
.thor img {max-width: 100%; height: auto;}
}
@media (max-width: 480px){
.carousel {height: 210px;}
.carousel .item {height: 210px; background: #000000;}
.carousel-inner > .item > img {height: 210px!important;}	
.sliderBaslik {width: 280px;margin-top: 50px;}
.sliderBaslik strong {font-size: 14px; font-weight: 500; padding: 10px 20px; }
.sliderBaslik a {font-size: 10px; font-weight: 400; line-height: 28px; height: 28px; padding: 0px 18px;}
.referansResim {height: 60px;}
.kategoriHaberler h2{height: auto; max-height: auto;}
.kategoriHaberler p{height: 60px; max-height: 60px;}
#slayt .swiper-slide .slaytIMG {height: 280px;}
.anaSayfaHaberler p, .detayHaberler p {display: none;}
ul.ustMenu li a {font-size: 10px;}
.mobileclear {clear:both;}

}
@media (max-width: 360px){
.carousel {height: 210px;}
.carousel .item {height: 210px; background: #000000;}
.carousel-inner > .item > img {height: 210px!important;}
.sliderBaslik {width: 250px;}
.referansResim {height: 40px;}
.kategoriHaberler p{height: 100px; max-height: 100px;}
#slayt .swiper-slide .slaytIMG {height: 230px;}
}