/*-----------------------------------------------------------------------------------
	Theme Name: TemaFabrika Mobil Uyumlu Firma Rehberi
	Theme URI: http://www.temafabrika.com/wordpress-responsive-firma-rehberi-3-temasi.html
	Description: Bugüne kadar yapılmış en iyi firma rehberi teması ile karşınızdayız.
	Author: Tema Fabrika
	Author URI: http://www.temafabrika.com
	Version: 1.2
*/

/* menu */
body {  background: url(images/bg.jpg); }
body, p, div, button, input, textarea {  font-family: Roboto; }
ul, ul li {  margin: 0;  padding: 0;  list-style: none; }
a {  text-decoration: none;  color: #253b49; }
strong {  font-weight: 700; }
*:focus {  outline: none; }
.p5 {  padding: 5px !important; }
.pl5 {  padding-left: 5px !important; }
.pt5 {  padding-top: 5px !important; }
.pb5 {  padding-bottom: 5px !important; }
.pr5 {  padding-right: 5px !important; }
.m5 {  margin: 5px !important; }
.ml5 {  margin-left: 5px !important; }
.mt5 {  margin-top: 5px !important; }
.mb5 {  margin-bottom: 5px !important; }
.mr5 {  margin-right: 5px !important; }
.p10 {  padding: 10px !important; }
.pl10 {  padding-left: 10px !important; }
.pt10 {  padding-top: 10px !important; }
.pb10 {  padding-bottom: 10px !important; }
.pr10 {  padding-right: 10px !important; }
.m10 {  margin: 10px !important; }
.ml10 {  margin-left: 10px !important; }
.mt10 {  margin-top: 10px !important; }
.mb10 {  margin-bottom: 10px !important; }
.mr10 {  margin-right: 10px !important; }
.p15 {  padding: 15px !important; }
.pl15 {  padding-left: 15px !important; }
.pt15 {  padding-top: 15px !important; }
.pb15 {  padding-bottom: 15px !important; }
.pr15 {  padding-right: 15px !important; }
.m15 {  margin: 15px !important; }
.ml15 {  margin-left: 15px !important; }
.mt15 {  margin-top: 15px !important; }
.mb15 {  margin-bottom: 15px !important; }
.mr15 {  margin-right: 15px !important; }
.p20 {  padding: 20px !important; }
.pl20 {  padding-left: 20px !important; }
.pt20 {  padding-top: 20px !important; }
.pb20 {  padding-bottom: 20px !important; }
.pr20 {  padding-right: 20px !important; }
.m20 {  margin: 20px !important; }
.ml20 {  margin-left: 20px !important; }
.mt20 {  margin-top: 20px !important; }
.mb20 {  margin-bottom: 20px !important; }
.mr20 {  margin-right: 20px !important; }
.p25 {  padding: 25px !important; }
.pl25 {  padding-left: 25px !important; }
.pt25 {  padding-top: 25px !important; }
.pb25 {  padding-bottom: 25px !important; }
.pr25 {  padding-right: 25px !important; }
.m25 {  margin: 25px !important; }
.ml25 {  margin-left: 25px !important; }
.mt25 {  margin-top: 25px !important; }
.mb25 {  margin-bottom: 25px !important; }
.mr25 {  margin-right: 25px !important; }
.p30 {  padding: 30px !important; }
.pl30 {  padding-left: 30px !important; }
.pt30 {  padding-top: 30px !important; }
.pb30 {  padding-bottom: 30px !important; }
.pr30 {  padding-right: 30px !important; }
.m30 {  margin: 30px !important; }
.ml30 {  margin-left: 30px !important; }
.mt30 {  margin-top: 30px !important; }
.mb30 {  margin-bottom: 30px !important; }
.mr30 {  margin-right: 30px !important; }
.p35 {  padding: 35px !important; }
.pl35 {  padding-left: 35px !important; }
.pt35 {  padding-top: 35px !important; }
.pb35 {  padding-bottom: 35px !important; }
.pr35 {  padding-right: 35px !important; }
.m35 {  margin: 35px !important; }
.ml35 {  margin-left: 35px !important; }
.mt35 {  margin-top: 35px !important; }
.mb35 {  margin-bottom: 35px !important; }
.mr35 {  margin-right: 35px !important; }
.p40 {  padding: 40px !important; }
.pl40 {  padding-left: 40px !important; }
.pt40 {  padding-top: 40px !important; }
.pb40 {  padding-bottom: 40px !important; }
.pr40 {  padding-right: 40px !important; }
.m40 {  margin: 40px !important; }
.ml40 {  margin-left: 40px !important; }
.mt40 {  margin-top: 40px !important; }
.mb40 {  margin-bottom: 40px !important; }
.mr40 {  margin-right: 40px !important; }
.p45 {  padding: 45px !important; }
.pl45 {  padding-left: 45px !important; }
.pt45 {  padding-top: 45px !important; }
.pb45 {  padding-bottom: 45px !important; }
.pr45 {  padding-right: 45px !important; }
.m45 {  margin: 45px !important; }
.ml45 {  margin-left: 45px !important; }
.mt45 {  margin-top: 45px !important; }
.mb45 {  margin-bottom: 45px !important; }
.mr45 {  margin-right: 45px !important; }
.p50 {  padding: 50px !important; }
.pl50 {  padding-left: 50px !important; }
.pt50 {  padding-top: 50px !important; }
.pb50 {  padding-bottom: 50px !important; }
.pr50 {  padding-right: 50px !important; }
.m50 {  margin: 50px !important; }
.ml50 {  margin-left: 50px !important; }
.mt50 {  margin-top: 50px !important; }
.mb50 {  margin-bottom: 50px !important; }
.mr50 {  margin-right: 50px !important; }
.text-center {  text-align: center; }
.clear {  clear: both; }
.container {  width: 1170px;  margin: 0 auto; }
.btn {  border-radius: 2px;  cursor: pointer;  height: 50px;  line-height: 50px;  padding: 0 15px;  font-size: 14px;  font-weight: bold;  vertical-align: middle;  display: inline-block;  border: none; }
.btn i.fa {  font-size: 16px;  margin-right: 5px;  float: left;  line-height: 50px; }
.btn i[class*="-right"] {  float: right;  margin-right: 0;  margin-left: 5px; }
.btn-icon i.fa {  float: none;  margin: 0; }
.btn-lg {  font-size: 14px;  font-weight: 700;  height: 50px;  padding: 0 30px;  line-height: 50px; }
.btn-default {  background: #c5c5c5;  color: #fff;  border: none; }
.btn-default:hover {  background: #b0b0b0;  color: #fff; }
.btn-primary {  background: #f9bf3b;  color: #253b49;  border: none; }
.btn-success {  background: #32d649;  color: #286230; }
.btn-secondary {  background: #253b49;  color: #fff;  border: none; }
.btn-primary:hover {  background: #dca934;  color: #253b49; }
.btn-secondary:hover {  background: #2f4b5d;  color: #fff; }
.btn-danger {  background: #e56161;  color: #fff !important; }
.btn-mavi {  background: #0e6eb9 !important;  color: #fff !important; }
.btn-green {  background: #179f87 !important;  color: #fff !important; }
.btn-lg span.fa {  font-size: 22px;  float: left;  font-weight: 400;  margin: 0 5px 0 0;  height: 50px;  line-height: 50px; }
.btn-icon {  padding: 15px; }
.btn-lg.btn-icon {  width: 50px;  height: 50px;  padding: 0;  text-align: center; }
.btn-lg.btn-icon span.fa {  width: 50px;  height: 50px;  text-align: center; }
.btn-sm {  padding: 0 15px;  height: 30px;  line-height: 30px;  border-radius: 0;  font-size: 11px;  font-weight: 500; }
.btn-sm i.fa {  height: 30px;  line-height: 30px;  font-size: 16px; }
.btn-sm.btn-icon {  padding: 0;  width: 30px;  text-align: center; }
.btn-sm.btn-icon i.fa {  font-size: 24px; }
.align-right {  text-align: right; }
.btn-md {  height: 40px;  line-height: 40px; }
.btn-md i.fa {  line-height: 40px;  height: 40px; }
.np {  padding: 0; }
.noselect {  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.header-top {  background: url(images/topbg.jpg);  height: 40px;  line-height: 40px;  color: #253b49; }
ul.top-left {  padding-right: 14px;  padding-left: 15px;  border-right: 1px solid #e6e6e6; }
ul.top-left:first-child {  padding-left: 0; }
ul.top-left:last-child {  padding-right: 0;  border-right: none; }
ul.top-left li {  display: inline-block;  float: left;  font-size: 11px;  line-height: 40px; }
ul.top-left li span.fa {  font-size: 16px;  vertical-align: middle;  float: left;  margin: 11px 10px 0 0; }
ul.social li {  margin-right: 7px; }
ul.social li:last-child {  margin-right: 0; }
ul.social li a {  display: inline-block;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center;  font-size: 11px;  color: #ededed;  background: #253b49;  border-radius: 20px; }
ul.social li a:hover {  background: #f9bf3b;  color: #253b49; }
ul.top-menu li {  display: inline-block;  float: left;  padding: 0 15px; }
ul.top-menu li:last-child {  padding-right: 0; }
ul.top-menu li:first-child {  padding-left: 0; }
ul.top-menu li a {  font-size: 11px;  color: #253b49;  font-weight: 500; }
ul.top-menu li a:hover {  color: #f9bf3b; }
.header-middle {  height: 100px;  background: #fff;  position: relative; }
.header-middle .logo {  height: 90px;  line-height: 100px;  float: left;  overflow: hidden;  width: 50%; }
.header-middle .logo img {  vertical-align: middle; }
.header-middle .buttons {  height: 90px;  line-height: 100px;  text-align: right;  float: right;  width: 50%;  overflow: hidden; }
.firmad.ana-logo {  position: absolute;  left: 50%;  margin-left: -264px;  width: 468px;  height: 60px;  overflow: hidden;  top: 20px;  box-shadow: rgba(0, 0, 0, .13); }
.firmad img {  max-width: 100%;  height: auto; }
.header-menu {  height: 60px;  background: #f9bf3b;  border-bottom: 4px solid #eba507; }
.menu {  display: table;  width: 100%;  box-sizing: border-box; }
.menu > li {  display: table-cell;  height: 60px;  position: relative;  padding: 0;  vertical-align: middle;  border-right: 1px solid #fcdf9e;  border-left: 1px solid #eba507;  position: relative; }
.menu > li > a:hover {  background: #f8b418; }
.menu > li:first-child {  border-left: 0; }
.menu > li:last-child {  border-right: 0; }
.menu > li a {  padding: 0 15px;  line-height: 16px;  color: #253b49;  display: block;  height: 100%; }
.menu > li a:hover {  color: #36566b; }
.menu > li a span.mn {  height: 35px;  display: inline-block;  width: auto;  padding-left: 10px;  float: left;  padding-top: 15px;  font-size: 11px; }
.menu > li a span.fa {  height: 60px;  width: 28px;  text-align: center;  line-height: 60px;  font-size: 24px;  float: left;  display: inline-block; }
.menu > li a span.mn strong {  display: block;  font-size: 14px; }
.menu li .sub-menu::before {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 6px 5px 0 5px;  border-color: #eba507 transparent transparent transparent;  position: absolute;  top: 4px;  left: 50%;  margin-left: -4px; }
.menu li .sub-menu {  position: absolute;  z-index: 5;  top: 60px;  padding-top: 4px;  display: none;  left: -1px;  right: -1px;  border-bottom: 2px solid rgba(0, 0, 0, .20); }
.menu li:hover .sub-menu {  display: block; }
.menu li .sub-menu li {  display: block;  border: none;  border-left: 1px solid rgba(0, 0, 0, .20);  border-right: 1px solid rgba(0, 0, 0, .20); }
.menu li .sub-menu span.fa {  display: none; }
.menu li .sub-menu li a {  line-height: 36px;  height: 36px;  border-top: 1px solid #eba507;  background: rgba(249, 191, 59, .80); }
.menu li .sub-menu li:first-child a {  border-top: 0; }
.menu li .sub-menu li a strong {  font-weight: 400;  font-size: 13px; }
.menu li .sub-menu li a span.mn {  margin-top: 0;  padding: 0; }
.menu li .sub-menu li a:hover {  background: rgba(248, 183, 34, .80); }
.main-search {  background: url(images/search-bg.jpg); }
.main-search .container {  height: 100%;  box-sizing: border-box;  position: relative; }
.main-search h3 {  padding-top: 60px;  text-align: center;  color: #253b49;  font-size: 30px;  font-weight: 900; }
.main-search h4 {  text-align: center;  padding-top: 12px;  color: #253b49;  font-size: 20px;  font-weight: 300; }
.search-area {  text-align: center;  padding-top: 30px;  padding-bottom: 60px; }
.input-col {  display: inline-block;  position: relative;  padding-right: 15px; }
.input-col input {  height: 50px;  border-radius: 2px;  width: 400px;  box-sizing: border-box;  border: none;  padding-left: 60px;  font-weight: 400;  color: #253b49; }
.input-col i {  position: absolute;  left: 0;  top: 15px;  height: 20px;  width: 50px;  text-align: center;  border-right: 1px solid #e8e8e8;  color: #253b49;  line-height: 18px;  font-size: 22px; }
.main-search .cur {  position: absolute;  width: 32px;  height: 32px;  top: 220px;  left: 50%;  margin-left: -16px; }
.main-categories {  width: 100%;  display: table; }
.main-categories li {  display: table-cell;  width: 130px;  height: 100px; }
.main-categories li a {  display: block;  background: #253b49;  height: 100px;  text-align: center;  color: #fff;  font-size: 11px; }
.main-categories li a strong {  font-size: 14px;  display: block;  margin-bottom: 5px; }
.main-categories li .fa {  margin: 20px 0 8px 0;  width: 24px;  height: 24px;  font-size: 24px; }
.main-categories li:nth-child(2n+2) a {  background: #2f4b5d; }
.main-categories li a:hover {  box-shadow: inset 0 0 15px rgba(0, 0, 0, .20); }
.main-categories li:nth-child(2n+2) a:hover {  box-shadow: inset 0 0 15px rgba(0, 0, 0, .40); }
.sp {  display: inline-block;  background: url(images/sprite.png);  width: 24px;  height: 20px; }
.sp.sp-mobilya {  width: 42px; }
.sp.sp-guzellik {  background-position: -72px 0; }
.sp.sp-restaurant {  background-position: -43px 0;  width: 28px; }
.sp.sp-egitim {  background-position: -97px 0;  width: 26px; }
.sp.sp-saglik {  background-position: -124px 0; }
.sp.sp-ulasim {  background-position: -148px 0;  width: 36px; }
.sp.sp-yapi {  background-position: 0 -21px;  width: 22px; }
.sp.sp-avm {  background-position: -22px -21px;  width: 20px; }
.sp.sp-otomotiv {  background-position: -43px -21px;  width: 56px; }
.block-left {  float: left;  width: 405px; }
.block-right {  float: right;  width: 405px; }
.block-title {  height: 50px;  line-height: 50px;  background: #253b49;  position: relative; }
.block-title.rounded {  border-radius: 5px 5px 0 0; }
.block-title.title-primary {  background: #f9bf3b; }
.block-title.rounded {  border-radius: 3px 3px 0 0; }
.block-title > i {  float: left;  width: 55px;  text-align: center;  color: #f9bf3b;  font-size: 24px;  line-height: 50px; }
.block-title.title-primary > i {  color: #253b49; }
.block-title > h4 {  float: left;  line-height: 50px;  color: #fff;  font-size: 14px;  font-weight: 700;  max-width: 60%;  overflow: hidden;  max-height: 50px;  text-overflow: ellipsis;  white-space: nowrap; }
.block-title.title-primary > h4 {  color: #253b49; }
.block-title::after {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 8px 7px 0 7px;  border-color: #253b49 transparent transparent transparent;  position: absolute;  bottom: -8px;  left: 35px; }
.block-title.title-primary::after {  border-color: #f9bf3b transparent transparent transparent; }
.block-title .title-right {  float: right;  height: 50px;  line-height: 46px;  padding-right: 15px; }
.block-title .title-right a {  display: inline-block;  margin-left: 5px;  float: left;  margin-top: 10px; }
.block-title .title-tools {  float: right;  height: 50px;  padding-right: 10px; }
.block-title .title-tools .title-share {  border-left: 1px solid #1c2d38;  height: 50px;  padding-left: 10px;  float: left; }
.block-title .title-tools .title-share li {  display: inline-block;  float: left;  height: 50px;  line-height: 50px;  width: 36px;  text-align: center; }
.block-title .title-tools .title-share li, .block-title .title-tools .title-share li a {  color: #fff;  font-size: 20px;  position: relative;  cursor: pointer; }
.block-title .title-tools .title-share li:hover {  color: rgba(255, 255, 255, .7); }
.block-title .title-tools .title-share .badge {  background: red;  position: absolute;  width: 16px;  height: 16px;  font-weight: 600;  line-height: 16px;  border-radius: 16px;  font-size: 10px;  left: 10px;  top: 10px; }
.block-content {  padding: 30px;  background: #fff; }
.block-content h1 {  padding-bottom: 10px;  font-size: 22px;  line-height: 30px;  font-weight: 600; }
.block-content, .categories, .firma-ekle-btn, .tfad, .locations, .populer-firmalar, .etkinlikler, .son-haberler, .main-ad {  box-shadow: 0 3px 8px rgba(0, 0, 0, .06); }
.block-content .text p {  color: #848484;  font-size: 14px;  line-height: 24px; }
.block-content .text h6 {  color: #253b49;  font-size: 16px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 24px; }
.block-content .text h5 {  color: #253b49;  font-size: 18px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 24px; }
.block-content .text h4 {  color: #253b49;  font-size: 20px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 24px; }
.block-content .text h3 {  color: #253b49;  font-size: 22px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 26px; }
.block-content .text h2 {  color: #253b49;  font-size: 24px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 26px; }
.block-content .text h1 {  color: #253b49;  font-size: 26px;  font-weight: 600;  margin: 10px 0 5px 0;  line-height: 26px; }
.block-content .text ul li::before {  content: "\f2b0";  font: normal normal normal 14px/1 FontAwesome;  margin-right: 10px;  font-size: inherit;  line-height: inherit;  color: #253b49; }
.block-content .text ul li {  color: #848484;  font-size: 14px;  line-height: 24px; }
.block-content .text img {  max-width: 100%;  height: auto; }
.vitrin-wrapper {  display: block;  width: 100%;  height: 160px;  overflow: hidden;  position: relative; }
.vitrin {  position: absolute;  width: 10000px; }
.vitrin li {  width: 255px;  float: left;  display: inline-block;  height: 160px;  border: 1px solid #efefef;  box-sizing: border-box;  margin-right: 30px;  position: relative; }
.vitrin li .vitrin-gold {  position: absolute;  z-index: 5;  right: 0;  top: 0;  background: #f9bf3b;  height: 26px;  line-height: 26px;  padding: 0 15px 0 12px;  font-size: 11px;  font-weight: 600;  color: #253b49; }
.vitrin li .vitrin-gold::before {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 13px 9px 13px 0;  border-color: transparent #f9bf3b transparent transparent;  position: absolute;  top: 0;  left: -9px; }
.vitrin li .vitrin-logo {  height: 110px;  text-align: center;  line-height: 110px; }
.vitrin li .vitrin-logo img {  max-width: 90%;  max-height: 90%;  vertical-align: middle;  width: auto;  height: auto; }
.vitrin li .vitrin-content {  height: 50px; }
.vitrin li .vitrin-content .vitrin-isim {  background: #efefef;  padding: 10px 15px;  font-size: 11px;  height: 50px;  box-sizing: border-box;  position: relative;  color: #848484; }
.vitrin li .vitrin-content .vitrin-isim strong {  color: #253b49;  font-size: 14px;  font-weight: 700;  display: block;  height: 18px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  width: calc(100% - 30px); }
.vitrin li .vitrin-content .vitrin-isim i {  position: absolute;  right: 0;  top: 0;  height: 50px;  width: 30px;  text-align: center;  line-height: 50px;  background: #c5c5c5;  color: #fff; }
.vitrin li:hover .vitrin-content .vitrin-isim {  background: #f9bf3b;  color: #253b49; }
.vitrin li:hover .vitrin-content .vitrin-isim i {  background: #253b49; }
.main-left {  width: 300px;  float: left; }
.main-right {  width: 840px;  float: right; }
.categories {  background: #fff; }
.categories li a {  display: block;  height: 50px;  border-bottom: 1px solid #efefef;  line-height: 50px;  font-size: 14px;  color: #253b49;  font-weight: bold; }
.categories li a i:first-child {  width: 50px;  text-align: center;  float: left;  line-height: 50px;  font-size: 16px; }
.categories li a span {  font-weight: 300;  display: inline-block; }
.categories li a i:last-child {  float: right;  width: 40px;  text-align: center;  line-height: 50px; }
.categories li a:hover {  background: #f9bf3b; }
.categories .sub-menu {  display: none; }
.firma-ekle-btn {  display: block;  height: 52px;  border: 2px solid #fff;  background: #c5c5c5;  color: #fff; }
.firma-ekle-btn i {  float: left;  width: 62px;  line-height: 52px;  text-align: center;  font-size: 32px; }
.firma-ekle-btn span {  float: left;  height: 40px;  padding-top: 12px;  width: 230px;  font-size: 11px; }
.firma-ekle-btn span strong {  font-size: 14px;  display: block;  height: 18px; }
a.firma-ekle-btn:hover {  background: #fff;  color: #c5c5c5; }
.block-content .firma-ekle-btn span {  width: 200px;  line-height: 15px; }
.block-content .firma-ekle-btn {  border: none; }
.firma-date {  color: #9fbcce;  font-size: 12px;  margin-right: 15px; }
.locations {  background: #fff;  padding: 15px; }
.locations li {  width: 130px;  float: left;  height: 46px;  margin-right: 10px;  margin-bottom: 10px; }
.locations li:nth-child(2n+2) {  margin-right: 0; }
.locations li a {  display: block;  background: #efefef;  color: #253b49;  line-height: 46px;  font-size: 14px;  font-weight: bold;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden; }
.locations li a:hover {  background: #f9bf3b; }
.locations li a i {  width: 38px;  text-align: center;  height: 46px;  line-height: 42px;  float: left;  font-size: 20px; }
.locations li.full {  display: block;  float: none;  clear: both;  width: 100%;  text-align: center; }
.locations li.full a {  background: #f9bf3b; }
.locations li.full i {  float: none;  width: 30px; }
.hidden-locations {  display: none; }
.populer-firmalar {  background: #fff;  padding: 19px 15px;  width: 270px;  position: relative;  height: 370px; }
.populer-firmalar .firma-resim {  height: 200px;  position: relative;  line-height: 200px;  border-radius: 5px 5px 0 0;  overflow: hidden;  text-align: center; }
.populer-firmalar .firma-resim img {  max-width: 100%;  max-height: 100%;  width: auto;  height: auto;  vertical-align: middle; }
.populer-firmalar span.firma-sol, .populer-firmalar span.firma-sag {  cursor: pointer;  position: absolute;  width: 40px;  background: #c5c5c5;  text-align: center;  line-height: 40px;  display: inline-block;  color: #fff;  height: 40px;  font-size: 24px;  z-index: 5; }
.populer-firmalar span.firma-sol {  top: 70px;  left: 15px; }
.populer-firmalar span.firma-sag {  top: 70px;  right: 15px; }
.populer-firmalar h4 {  height: 50px;  line-height: 50px;  font-size: 14px;  font-weight: bold;  text-align: center;  color: #253b49;  border-bottom: 1px solid #efefef;  overflow: hidden; }
.populer-firmalar p {  width: 270px;  display: block;  margin: 0 auto;  text-align: justify;  font-size: 11px;  color: #253b49;  line-height: 16px;  padding: 10px 0; }
.populer-firmalar .firma-btn {  display: block;  height: 50px;  line-height: 50px;  color: #fff;  padding: 0 20px;  background: #c5c5c5;  font-size: 14px;  font-weight: bold; }
.populer-firmalar .firma-btn i {  float: right;  height: 50px;  line-height: 50px; }
.populer-firmalar .firma-btn:hover {  background: #b0b0b0; }
.populer-firmalar .firma-desc {  height: 40px;  margin-bottom: 10px;  overflow: hidden; }
.populer-firma-holder {  width: 270px;  overflow: hidden;  position: relative;  height: 370px; }
.populer-firmalar ul {  position: absolute;  width: 10000px; }
.populer-firmalar ul li {  position: relative;  width: 270px;  float: left; }
.etkinlikler {  background: #fff; }
.etkinlikler li {  border-bottom: 1px solid #efefef; }
.etkinlikler li a {  display: block;  padding: 15px; }
.etkinlikler li a:hover {  background: #efefef; }
.etkinlikler li .etkinlik-resim {  width: 70px;  float: left;  height: 58px;  line-height: 58px;  text-align: center; }
.etkinlikler li .etkinlik-resim img {  border: 2px solid #efefef;  box-sizing: border-box;  border-radius: 4px;  width: auto;  height: auto;  max-width: 58px;  max-height: 58px; }
.etkinlikler li .etkinlik-info {  width: 200px;  float: right; }
.etkinlikler li .etkinlik-isim {  font-size: 14px;  color: #253b49;  font-weight: 500;  line-height: 18px; }
.etkinlikler li .etkinlik-tarih {  font-size: 11px;  color: #848484;  font-weight: 500; }
.son-haberler {  background: #fff;  padding: 15px;  width: 270px;  padding: 20px 15px; }
.son-haberler .haber-resim {  height: 200px;  position: relative; }
.son-haberler .haber-resim img {  border-radius: 5px 5px 0 0; }
.son-haberler .haber-resim a {  position: absolute;  width: 40px;  background: #c5c5c5;  text-align: center;  line-height: 40px;  display: inline-block;  color: #fff;  height: 40px;  font-size: 24px; }
.son-haberler .haber-resim a.haber-sol {  top: 70px;  left: 0; }
.son-haberler .haber-resim a.haber-sag {  top: 70px;  right: 0; }
.son-haberler h4 {  height: 50px;  line-height: 50px;  font-size: 14px;  font-weight: bold;  text-align: center;  color: #253b49; }
.son-haberler .haber-tarih {  width: 270px;  display: block;  margin: 0 auto;  text-align: center;  font-size: 11px;  color: #848484;  line-height: 16px;  padding: 0 0 20px 0; }
.son-haberler .haber-btn {  display: block;  height: 50px;  line-height: 50px;  color: #fff;  padding: 0 20px;  background: #c5c5c5;  font-size: 14px;  font-weight: bold; }
.son-haberler .haber-btn i {  float: right;  height: 50px;  line-height: 50px; }
.son-haberler .haber-btn:hover {  background: #b0b0b0; }
.slider-wrap {  height: 350px;  position: relative;  overflow: hidden; }
.slider {  position: absolute;  width: 10000px; }
.slider li {  width: 840px;  height: 350px;  position: relative;  float: left; }
.slider li::after {  position: absolute;  content: "";  bottom: 0;  background: #fac54f;  left: 0;  right: 0;  height: 5px; }
.slider li .slider-image img {  border-radius: 4px 4px 0 0; }
.slider li > div {  -webkit-transition: 0.5s ease-in-out;  transition: 0.5s ease-in-out; }
.slider li > div.blur {  -webkit-filter: blur(5px);  filter: blur(5px); }
.slider-alt {  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 50px;  background: #fac54f;  z-index: 3; }
.slider-alt i.fa-play {  float: left;  width: 50px;  line-height: 50px;  color: #253b49;  text-align: center; }
.slider-alt h3 {  float: left;  line-height: 50px;  font-size: 14px;  color: #253b49;  font-weight: bold; }
.slider-alt .slider-alt-right {  float: right;  line-height: 50px; }
.slider-alt .slider-alt-right a {  display: inline-block;  padding: 0 25px;  background: #efa907;  font-size: 11px;  font-weight: 500;  line-height: 50px;  float: left;  color: #253b49; }
.slider-alt .slider-alt-right span {  float: left;  display: inline-block;  line-height: 50px;  font-size: 11px;  padding: 0 20px;  color: #253b49; }
.slider-alt .slider-alt-right span i {  font-size: 16px;  margin-right: 5px;  height: 50px;  line-height: 50px;  float: left; }
.slider-category {  position: absolute;  top: 15px;  right: 15px;  display: inline-block;  height: 24px;  line-height: 24px;  background: #253b49;  z-index: 3;  padding: 0 20px;  font-size: 11px;  font-weight: 500;  color: #fff;  border-radius: 24px; }
.slider-ok {  display: inline-block;  position: absolute;  height: 50px;  width: 50px;  line-height: 50px;  text-align: center;  color: #fff;  background: #253b49;  top: 50%;  margin-top: -25px;  cursor: pointer; }
.slider-ok.slider-sag {  right: 0; }
.slider-ok.slider-sol {  left: 0; }
.slider-ok:hover {  opacity: 0.8;  filter: alpha(opacity=80); }
.numarator {  position: absolute;  top: 15px;  left: 15px; }
.numarator li {  float: left;  display: inline-block;  width: 24px;  height: 24px;  margin-right: 5px;  position: relative; }
.numarator li span {  display: block;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center;  text-indent: -9999px;  border-radius: 20px;  border: 2px solid #253b49;  position: relative;  z-index: 1;  cursor: pointer; }
.numarator li:after {  content: "";  background: #253b49;  display: inline-block;  width: 10px;  height: 10px;  position: absolute;  top: 50%;  left: 50%;  margin-top: -5px;  margin-left: -5px;  border-radius: 10px;  z-index: 0; }
.numarator li:hover:after, .numarator li.active:after {  background: #f9bf3b; }
.slider-categories {  height: 60px;  background: #253b49;  display: table;  width: 100%; }
.slider-categories li {  display: table-cell;  width: 25%;  vertical-align: middle;  position: relative; }
.slider-categories li a {  display: block;  height: 60px;  line-height: 60px;  color: #fff;  font-size: 14px;  font-weight: bold; }
.slider-categories li:nth-child(2n+2) a {  background: #2f4b5d; }
.slider-categories li a i {  width: 50px;  text-align: center;  line-height: 60px;  color: #fac54f;  font-size: 22px;  float: left; }
.slider-categories li.active:before {  content: "";  display: block;  width: 20px;  height: 20px;  line-height: 20px;  text-align: center;  text-indent: -9999px;  border-radius: 20px;  border: 2px solid #fff;  position: absolute;  left: 175px;  top: 50%;  margin-top: -12.5px;  z-index: 1; }
.slider-categories li.active:after {  content: "";  background: #fff;  display: inline-block;  width: 10px;  height: 10px;  position: absolute;  top: 50%;  left: 50%;  left: 187px;  margin-top: -5px;  margin-left: -5px;  border-radius: 10px;  z-index: 0; }
.gold-firmalar li, .box-listing li {  width: 180px;  height: 235px;  border: 1px solid #efefef;  box-sizing: border-box;  margin-right: 20px;  float: left;  margin-bottom: 20px; }
.gold-firmalar li:nth-child(4n+4), .box-listing li:nth-child(4n+4) {  margin-right: 0; }
.gold-firmalar li .gold-resim, .box-listing li .gold-resim {  height: 120px;  line-height: 120px;  text-align: center;  box-sizing: border-box; }
.gold-firmalar li .gold-resim img, .box-listing li .gold-resim img {  vertical-align: middle;  max-width: 90%;  max-height: 90%;  width: auto;  height: auto; }
.gold-firmalar li .gold-isim, .box-listing li .gold-isim {  height: 40px;  line-height: 40px;  background: #f9bf3b; }
.gold-firmalar li .gold-isim span, .box-listing li .gold-isim span {  float: left;  width: 148px;  padding: 0 15px;  box-sizing: border-box;  color: #253b49;  font-size: 11px;  font-weight: 500;  overflow: hidden;  height: 40px;  text-overflow: ellipsis;  white-space: nowrap; }
.gold-firmalar li .gold-isim i, .box-listing li .gold-isim i {  color: #253b49;  font-size: 11px;  height: 40px;  line-height: 40px;  background: #eba507;  text-align: center;  width: 30px;  float: left;  font-size: 18px;  color: #fff; }
.gold-firmalar li .gold-info span, .box-listing li .gold-info span {  display: block;  height: 37px;  line-height: 37px;  overflow: hidden;  border-bottom: 1px solid #efefef;  box-sizing: border-box;  padding: 0 15px;  font-size: 11px;  color: #848484;  font-weight: 500; }
.gold-firmalar li .gold-info span i, .box-listing li .gold-info span i {  width: 25px;  font-size: 16px;  color: #253b49;  height: 37px;  line-height: 37px;  float: left; }
.gold-firmalar li:hover .gold-isim, .box-listing li:hover .gold-isim {  background: #253b49; }
.gold-firmalar li:hover .gold-isim span, .box-listing li:hover .gold-isim span {  color: #fff; }
.gold-firmalar li:hover .gold-isim i, .box-listing li:hover .gold-isim i {  background: #2f4b5d; }
.gold-firmalar li.nogold .gold-isim, .box-listing li.nogold .gold-isim {  background: #253b49; }
.gold-firmalar li.nogold .gold-isim span, .box-listing li.nogold .gold-isim span {  color: #fff; }
.gold-firmalar li.nogold .gold-isim i, .box-listing li.nogold .gold-isim i {  color: #fff;  background: #2f4b5d; }
.gold-firmalar li.nogold:hover .gold-isim, .box-listing li.nogold:hover .gold-isim {  background: #2f4b5d; }
.gold-firmalar li.nogold:hover .gold-isim span, .box-listing li.nogold:hover .gold-isim span {  color: #fff; }
.gold-firmalar li.nogold:hover .gold-isim i, .box-listing li.nogold:hover .gold-isim i {  background: #3b5f75; }
.stat-links li {  height: 106px;  width: 132px;  float: left;  margin-right: 30px; }
.stat-links li:last-child {  margin-right: 0; }
.stat-links li i {  width: 132px;  height: 55px;  text-align: center;  line-height: 45px;  font-size: 36px;  color: #c5c5c5; }
.stat-links li .stat-border {  height: 4px;  background: #efefef;  border-radius: 2px;  position: relative; }
.stat-links li:hover .stat-border {  background: #f9bf3b; }
.stat-links li:hover i {  color: #253b49; }
.stat-links li .stat-border::before {  content: "";  display: inline-block;  width: 10px;  height: 10px;  position: absolute;  left: 50%;  margin-left: -5px;  top: -3px;  background: #f9bf3b;  border-radius: 2px;  transform: rotate(45deg);  -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); }
.stat-links li strong {  text-align: center;  display: block;  padding-top: 10px;  font-size: 20px;  color: #253b49;  font-weight: 400; }
.stat-links li span {  display: block;  text-align: center;  font-size: 11px;  color: #848484;  padding-top: 6px;  font-weight: 500; }
.normal-firmalar li {  width: 140px;  height: 141px;  border: 1px solid #efefef;  box-sizing: border-box;  margin-right: 20px;  float: left;  margin-bottom: 20px; }
.normal-firmalar li:nth-child(5n+5) {  margin-right: 0; }
.normal-firmalar li .normal-resim {  height: 100px;  line-height: 100px;  text-align: center;  box-sizing: border-box; }
.normal-firmalar li .normal-resim img {  vertical-align: middle;  max-width: 90%;  max-height: 90%;  width: auto;  height: auto; }
.normal-firmalar li .normal-isim {  height: 40px;  line-height: 40px;  background: #2f4b5d; }
.normal-firmalar li .normal-isim span {  float: left;  width: 108px;  padding: 0 15px;  box-sizing: border-box;  color: #fff;  font-size: 11px;  font-weight: 500;  overflow: hidden;  height: 40px;  text-overflow: ellipsis;  white-space: nowrap; }
.normal-firmalar li .normal-isim i {  color: #253b49;  font-size: 11px;  height: 40px;  line-height: 40px;  background: #253b49;  text-align: center;  width: 30px;  float: left;  font-size: 18px;  color: #fff; }
.normal-firmalar li:hover .normal-isim {  background: #f9bf3b; }
.normal-firmalar li:hover .normal-isim span {  color: #253b49; }
.normal-firmalar li:hover .normal-isim i {  background: #eba507; }
.main-two-ad div.first {  float: left;  width: 405px;  height: 100px;  box-shadow: 0 3px 8px rgba(0, 0, 0, .06); }
.main-two-ad div.second {  float: right;  width: 405px;  height: 100px;  box-shadow: 0 3px 8px rgba(0, 0, 0, .06); }
.tablo-tabs li {  display: inline-block;  float: left;  width: 148px;  margin-right: 10px;  position: relative; }
.tablo-tabs li:last-child {  margin-right: 0; }
.tablo-tabs li span {  display: block;  height: 40px;  background: #253b49;  border-radius: 40px;  text-align: center;  line-height: 40px;  color: #fff;  font-size: 11px;  font-weight: 500;  cursor: pointer; }
.tablo-tabs li span:hover, .tablo-tabs li.active span {  background: #f9bf3b;  color: #253b49; }
.tablo-tabs li.active span:after {  content: "";  left: 50%;  margin-left: -9px;  width: 0;  height: 0;  border-style: solid;  border-width: 9px 7px 0 7px;  border-color: #f9bf3b transparent transparent transparent;  position: absolute;  bottom: -7px; }
.firma-tablo {  width: 100%;  margin-top: 15px; }
.firma-tablo thead th {  background: #efefef;  font-size: 11px;  height: 40px;  vertical-align: middle;  font-weight: 500;  color: #253b49;  padding: 0 15px;  border: 1px solid #efefef; }
.firma-tablo thead th:first-child {  text-align: left; }
.firma-tablo tbody tr {  border-top: 10px;  padding: 10px;  margin: 10px; }
.firma-tablo tbody td {  padding: 15px;  border: 1px solid #efefef;  font-size: 11px;  font-weight: 500;  color: #848484;  text-align: center; }
.firma-tablo tbody td:first-child {  font-size: 14px;  color: #253b49;  text-align: left; }
.firma-tablo tbody td:first-child i {  margin-right: 5px; }
.firma-tablo tbody .firma-line td {  border: none;  padding: 4px; }
.son-firmalar {  background: #fff;  padding-top: 1px; }
.son-firmalar li {  border-bottom: 1px solid #efefef; }
.son-firmalar li:last-child {  border-bottom: 0; }
.son-firmalar li a {  display: block;  padding: 13px 5px; }
.son-firmalar li a:hover {  background: #efefef; }
.son-firmalar li .son-firma-resim {  width: 70px;  float: left;  height: 58px;  line-height: 58px;  text-align: center; }
.son-firmalar li .son-firma-resim img {  border: 2px solid #efefef;  box-sizing: border-box;  border-radius: 4px;  max-width: 58px;  max-height: 58px;  width: auto;  height: auto; }
.son-firmalar li .son-firma-info {  width: 260px;  float: right; }
.son-firmalar li .son-firma-isim {  font-size: 14px;  color: #253b49;  font-weight: 500;  line-height: 18px; }
.son-firmalar li .son-firma-tarih {  font-size: 11px;  color: #848484;  font-weight: 500;  height: 43px;  display: block;  overflow: hidden;  line-height: 16px;  max-height: 32px; }
.son-haberlist li {  margin-bottom: 9px;  position: relative; }
.son-haberlist li:last-child {  margin-bottom: 0; }
.son-haberlist li a {  display: block;  height: 50px;  line-height: 50px;  background: #efefef;  font-size: 11px;  border-radius: 3px;  position: relative;  z-index: 1; }
.son-haberlist li a span {  float: left;  display: inline-block;  padding: 0 15px;  box-sizing: border-box;  color: #253b49;  font-weight: 500;  width: 300px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  height: 50px; }
.son-haberlist li a span i {  margin-right: 5px; }
.son-haberlist li a i[class*="-right"] {  float: right;  height: 50px;  font-size: 14px;  width: 40px;  line-height: 50px;  text-align: center;  background: #253b49;  color: #fff;  border-radius: 0 3px 3px 0; }
.son-haberlist li .son-haberinfo {  background: #efefef;  border-radius: 3px; }
.son-haberlist li.active {  height: 204px; }
.son-haberlist li.active .son-haberresim {  position: absolute; }
.son-haberlist li.active .son-haberresim img {  border-radius: 3px 3px 4px 4px; }
.son-haberlist li.active .son-haberinfo {  position: absolute;  height: 50px;  top: 150px;  left: 0;  right: 0;  border-radius: 0 0 3px 3px;  background: rgba(37, 59, 73, .60); }
.son-haberlist li.active a span {  color: #fff; }
.son-haberlist li.active .son-haberinfo i[class*="-right"] {  border-radius: 0 0 3px 0 !important;  background: #f9bf3b;  color: #253b49; }
.son-haberlist li:hover a {  background: #2f4b5d; }
.son-haberlist li:hover a span {  color: #fff; }
.son-haberlist li:hover .son-haberinfo i[class*="-right"] {  background: #f9bf3b;  color: #253b49; }
.son-haberlist li.active:hover .son-haberinfo {  background: #253b49; }
.fuar li {  width: 180px;  float: left;  margin-right: 20px;  height: 201px; }
.fuar li:nth-child(4n+4) {  margin-right: 0; }
.fuar li .fuar-resim {  width: 180px;  height: 140px;  border: 1px solid #efefef;  box-sizing: border-box;  text-align: center;  line-height: 140px; }
.fuar li .fuar-resim img {  max-width: 170px;  max-height: 130px;  vertical-align: middle;  width: auto;  height: auto; }
.fuar li .fuar-isim {  text-align: center;  padding-top: 10px;  max-height: 38px;  overflow: hidden; }
.fuar li .fuar-isim a {  color: #253b49;  font-size: 14px;  line-height: 19px; }
.fuar li .fuar-tarih {  color: #848484;  font-weight: 500;  font-size: 11px;  text-align: center;  padding-top: 5px; }
.interactive {  height: 320px;  background: url(images/srbg.jpg) no-repeat center;  padding-top: 85px;  box-sizing: border-box; }
.interactive h2 {  font-size: 30px;  font-weight: 800;  color: #253b49;  text-align: center;  padding-bottom: 10px; }
.interactive h3 {  text-align: center;  color: #253b49;  font-size: 20px; }
.interactive-buttons {  padding-top: 50px;  text-align: center; }
.interactive-buttons a {  display: inline-block;  height: 60px;  line-height: 60px;  background: #fff;  padding: 0 35px;  border-radius: 30px;  margin: 0 10px;  font-size: 20px;  color: #253b49; }
.interactive-buttons a.int-ekle {  background: #253b49;  color: #fff; }
.etkilesim {  height: 100px;  background: #253b49;  position: relative; }
.etkilesim .container {  position: relative;  height: 100px; }
.etkilesim::before {  position: absolute;  left: 0;  top: 0;  bottom: 0;  width: 50%;  background: #f9bf3b;  content: ""; }
.etkilesim-left {  position: absolute;  z-index: 2;  left: 0;  width: 50%;  box-sizing: border-box;  padding-right: 20px; }
.yayinla, .bulten {  display: table;  width: 100%; }
.yayinla > i, .yayinla > div, .bulten > i, .bulten > div {  display: table-cell;  vertical-align: middle; }
.yayinla > i, .bulten > i {  width: 70px;  height: 100px;  line-height: 100px;  font-size: 36px;  color: #253b49; }
.yayinla div h4, .bulten div h4 {  font-size: 14px;  font-weight: 700;  color: #253b49; }
.yayinla div span, .bulten div span {  font-size: 11px;  color: #253b49; }
.yayinla > div:last-child {  width: 180px; }
.etkilesim-right {  position: absolute;  right: 0;  top: 0;  bottom: 0;  width: 50%;  padding-left: 30px;  box-sizing: border-box; }
.bulten > i {  color: #fff; }
.bulten div h4, .bulten div span {  color: #fff; }
.bulten .bulten-input {  width: 240px;  height: 40px;  position: relative; }
.bulten .bulten-input input {  position: absolute;  left: 0;  width: 240px;  height: 40px;  border: none;  padding: 0 30px;  box-sizing: border-box;  border-radius: 3px;  font-size: 11px;  color: #253b49; }
.bulten .bulten-input i.fa-play {  position: absolute;  left: 0;  top: 0;  height: 40px;  width: 35px;  text-align: center;  line-height: 40px;  color: #253b49;  z-index: 3;  font-size: 10px; }
.bulten .bulten-input button {  position: absolute;  right: 0;  top: 0;  height: 40px;  width: 40px;  background: #f9bf3b;  border-radius: 0 3px 3px 0;  line-height: 40px; }
.bulten .bulten-input button i {  color: #253b49;  position: absolute;  top: 0;  right: 0;  width: 40px;  text-align: center; }
.footer {  background: #fff;  padding-top: 20px;  padding-bottom: 30px; }
.footer-menu {  float: left;  display: inline-block;  width: 270px;  margin-right: 22px; }
.footer-menu:last-child {  margin-right: 0;  float: right; }
.footer-menu li {  height: 46px;  position: relative; }
.footer-menu li.footer-menu-title {  font-size: 20px;  color: #253b49;  line-height: 36px;  border-bottom: 4px solid #efefef; }
.footer-menu li a {  display: block;  height: 46px;  line-height: 46px;  padding-left: 30px;  font-size: 14px;  font-weight: 400;  color: #253b49;  border-bottom: 1px solid #efefef;  position: relative; }
.footer-menu li a:hover {  background: #efefef; }
.footer-menu li:last-child a {  border-bottom: 0; }
.footer-menu li:not(.footer-menu-title)::before {  content: "";  width: 8px;  height: 8px;  border-radius: 8px;  background: #253b49;  position: absolute;  left: 10px;  top: 19px; }
.footer-menu li:not(.footer-menu-title)::after {  content: "";  border: 1px solid #253b49;  width: 16px;  height: 16px;  border-radius: 16px;  display: inline-block;  position: absolute;  left: 6px;  top: 15px;  box-sizing: border-box; }
.bottom {  height: 50px;  background: #253b49; }
.bottom .footer-logo {  float: left;  display: inline-block;  line-height: 50px;  padding-right: 20px;  border-right: 1px solid #2f4b5d; }
.bottom .footer-logo img {  vertical-align: middle; }
.bottom .copyright {  float: left;  height: 50px;  line-height: 50px;  padding-left: 20px;  border-left: 1px solid #1c2d38;  color: #fff;  font-size: 13px; }
.bottom .social {  float: right; }
.bottom .social li {  display: inline-block;  height: 50px;  line-height: 50px; }
.bottom .social li a {  background: #fff;  color: #253b49; }
.bottom .back-to-top {  float: right;  height: 50px;  line-height: 50px;  width: 40px;  background: #f9bf3b;  color: #253b49;  text-align: center;  margin-left: 20px;  display: inline-block;  font-size: 20px;  

/* circle */
 }
.menu > li > a, .categories li a, .locations li a, .btn, .tablo-tabs li a, .interactive-buttons a {  position: relative;  overflow: hidden; }
.menu > li > a::before, .categories li a::before, .locations li a::before, .btn::before, .tablo-tabs li a::before, .interactive-buttons a::before {  position: absolute;  top: 50%;  left: 50%;  z-index: 2;  display: block;  content: '';  width: 0;  height: 0;  background: rgba(255, 255, 255, .2);  border-radius: 100%;  -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  opacity: 0; }
.menu > li > a:hover::before, .categories li a:hover::before, .locations li a:hover::before, .btn:hover::before, .tablo-tabs li a:hover::before, .interactive-buttons a:hover::before {  -webkit-animation: circle 0.5s;  animation: circle 0.5s; }
@-webkit-keyframes circle {  0% {    opacity: 1;    height: 200%; }
  40% {    opacity: 1; }
  100% {    width: 150%;    height: 200%;    opacity: 0; }
 }
@keyframes circle {  

/* shine */
  0% {    opacity: 1;    height: 200%; }
  40% {    opacity: 1; }
  100% {    width: 150%;    height: 200%;    opacity: 0; }
 }
.main-categories li a {  position: relative;  overflow: hidden; }
.main-categories li a::before {  position: absolute;  top: 0;  left: -75%;  z-index: 2;  display: block;  content: '';  width: 50%;  height: 100%;  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .08) 100%);  -webkit-transform: skewX(-25deg);  transform: skewX(-25deg); }
.main-categories li a:hover::before {  -webkit-animation: shine 0.75s;  animation: shine 0.75s; }
@-webkit-keyframes shine {  100% {    left: 125%; }
 }
@keyframes shine {  

/* opacity */
  100% {    left: 125%; }
 }
.vitrin a .vitrin-logo, .gold-firmalar a .gold-resim, .box-listing a .gold-resim, .normal-firmalar a .normal-resim {  position: relative; }
.vitrin a .vitrin-logo::before, .gold-firmalar a .gold-resim::before, .box-listing a .gold-resim::before, .normal-firmalar a .normal-resim::before {  content: "";  position: absolute;  left: 0;  right: 0;  bottom: 0;  top: 0;  background: #253b49;  -webkit-transition: 0.2s ease-in-out;  transition: 0.2s ease-in-out;  opacity: 0; }
.vitrin a:hover .vitrin-logo::before, .gold-firmalar a:hover .gold-resim::before, .box-listing a:hover .gold-resim::before, .normal-firmalar a:hover .normal-resim::before {  opacity: 0.2;  

/* main search */
 }
.main-search h3 span {  display: inline-block;  animation: search 0.75s;  margin-left: 3px; }
@keyframes search {  

/* detay */
  100% {    transform: rotate(360deg);    -ms-transform: rotate(360deg);    -webkit-transform: rotate(360deg); }
 }
.content-title {  height: 60px;  background: #253b49;  position: relative; }
.content-title::after {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 8px 7px 0 7px;  border-color: #253b49 transparent transparent transparent;  position: absolute;  bottom: -8px;  left: 35px; }
.content-title > i:first-child {  width: 55px;  height: 60px;  line-height: 60px;  text-align: center;  color: #f9bf3b;  font-size: 24px;  float: left; }
.content-title > .title-breadcrumb {  float: left;  height: 60px;  padding: 12px 0; }
.content-title > .title-breadcrumb h2 {  font-size: 20px;  color: #fff; }
.content-title > .title-breadcrumb ul li {  display: inline-block;  float: left;  margin-right: 15px;  position: relative; }
.content-title > .title-breadcrumb ul li::after {  content: ">";  color: #fff;  position: absolute;  right: -11px;  font-size: 13px;  margin-top: 3px; }
.content-title > .title-breadcrumb ul li:last-child::after {  display: none; }
.content-title > .title-breadcrumb ul li a {  color: #fff;  font-size: 11px;  font-weight: 300; }
.content-title > .title-breadcrumb ul li a:hover {  color: #f9bf3b; }
.content-title h3 {  float: left;  font-size: 20px;  color: #fff;  line-height: 60px;  height: 60px; }
.content-title .title-tools {  float: right;  height: 60px;  padding-right: 10px; }
.content-title .title-tools .title-share {  border-left: 1px solid #1c2d38;  height: 60px;  padding-left: 10px;  float: left; }
.content-title .title-tools .title-share li {  display: inline-block;  float: left;  height: 60px;  line-height: 60px;  width: 36px;  text-align: center; }
.content-title .title-tools .title-share li, .content-title .title-tools .title-share li a {  color: #fff;  font-size: 20px;  position: relative;  cursor: pointer; }
.content-title .title-tools .title-share li:hover {  color: rgba(255, 255, 255, .7); }
.content-title .title-tools .title-share .badge {  background: red;  position: absolute;  width: 16px;  height: 16px;  font-weight: 600;  line-height: 16px;  border-radius: 16px;  font-size: 10px;  left: 10px;  top: 10px; }
.content-title .title-tools .title-views {  border-left: 1px solid #1c2d38;  float: left;  height: 60px;  text-align: center;  padding: 0 20px;  padding-top: 10px;  color: #fff;  font-size: 11px;  border-right: 1px solid #2e495a;  box-sizing: border-box; }
.content-title .title-tools .title-views span {  display: block;  font-size: 20px;  font-weight: 700;  color: #f9bf3b;  padding-bottom: 5px; }
.content-title .title-tools .title-buttons {  float: left;  height: 60px;  line-height: 56px;  border-right: 1px solid #2e495a;  padding: 0 20px;  padding-top: 5px;  box-sizing: border-box; }
.content-title .title-tools .title-buttons.big-buttons {  padding-top: 0; }
.content-title .title-tools .title-buttons span.btn {  border-radius: 3px;  height: 40px;  line-height: 40px; }
.content-title .title-tools .title-buttons span.btn i {  height: 40px;  line-height: 40px; }
.content-title .title-tools .btn-menu a.btn {  float: left;  border-radius: 0;  margin-top: 10px;  border-right: 1px solid #1c2d38;  position: relative;  background: #2c4657; }
.content-title .title-tools .btn-menu a.btn:last-child {  border-right: 0; }
.content-title .title-tools .btn-menu a.btn.btn-primary {  background: #f9bf3b; }
.content-title .title-tools .btn-menu a.btn.btn-primary::after {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 8px 7px 0 7px;  border-color: #f9bf3b transparent transparent transparent;  position: absolute;  bottom: -8px;  left: 35px; }
.empty-content {  font-size: 14px;  color: #253b49;  padding: 10px 0; }
.firma-detay .firma-sol {  width: 360px;  float: left; }
.firma-detay .firma-resim {  width: 360px;  height: 340px;  border: 2px solid #efefef;  text-align: center;  box-sizing: border-box;  line-height: 333px;  position: relative; }
.firma-detay .firma-resim img {  max-width: 350px;  max-height: 330px;  height: auto;  width: auto;  vertical-align: middle; }
.firma-detay .firma-resim .resim-sagsol {  position: absolute;  top: 50%;  line-height: 40px;  display: inline-block;  width: 40px;  height: 40px;  text-align: center;  background: #253b49;  color: #fff;  cursor: pointer;  font-size: 18px; }
.firma-detay .firma-resim .resim-sagsol.resim-sol {  left: 0; }
.firma-detay .firma-resim .resim-sagsol.resim-sag {  right: 0; }
.firma-detay .firma-resim .resim-sagsol:hover {  background: #f9bf3b;  color: #253b49; }
.firma-detay .firma-thumbs {  margin-top: 10px;  border-top: 1px solid #efefef;  padding-top: 10px; }
.firma-detay .firma-thumbs li {  width: 60px;  height: 60px;  line-height: 52px;  text-align: center;  float: left;  margin-right: 15px;  border: 2px solid #efefef;  border-radius: 2px;  box-sizing: border-box;  overflow: hidden;  cursor: pointer; }
.firma-detay .firma-thumbs li:nth-child(5n+5) {  margin-right: 0; }
.firma-detay .firma-thumbs li img {  max-width: 56px;  max-height: 56px;  width: auto;  height: auto;  vertical-align: middle; }
.firma-detay .firma-thumbs li.active, .firma-detay .firma-thumbs li:hover {  border: 2px solid #f9bf3b; }
.firma-eposta-tamam {  position: absolute;  top: 50px;  left: 0;  bottom: 0;  right: 0;  background: rgba(0, 0, 0, 0.8);  border-radius: 0 0 5px 5px; }
.firma-eposta-tamam div {  position: absolute;  top: 50%;  height: 50px;  line-height: 50px;  text-align: center;  left: 0;  right: 0;  color: #fff;  font-size: 14px;  margin-top: -25px; }
.firma-eposta-tamam div i {  color: #31c349; }
.gold-basvuru a {  color: #253b49; }
.gold-basvuru a:hover {  color: #c88d06; }
.firma-kutu {  float: right;  width: 250px; }
.firma-kutu h3 {  height: 40px;  line-height: 40px;  padding: 0 15px;  color: #fff;  background: #253b49; }
.firma-kutu .firma-img {  width: 56px;  height: 56px;  float: left;  line-height: 56px; }
.firma-kutu .firma-img img {  max-width: 100%;  max-height: 100%;  vertical-align: middle;  width: auto;  height: auto; }
.firma-kutu .firma-isim {  width: calc(100% - 66px);  float: right;  padding: 10px 10px 10px 0;  box-sizing: border-box; }
.firma-kutu .firma-isim a {  color: #253b49;  font-size: 14px;  line-height: 18px; }
.firma-kutu .firma-info {  background: #253b49;  height: 30px;  color: #c1d3df;  font-size: 12px;  line-height: 30px;  padding-left: 10px; }
.firma-kutu .btn {  float: right; }
.habertext {  float: left;  width: calc(100% - 270px); }
.habertext img {  width: auto;  height: auto; }
.firma-detay {  position: relative; }
.firma-detay .firma-orta {  width: 460px;  float: left;  margin-left: 20px; }
.firma-detay .firma-info li {  line-height: 18px;  border-bottom: 1px solid #efefef;  box-sizing: border-box;  padding: 10px 0;  color: #253b49;  font-size: 14px;  display: table;  width: 100%; }
.firma-detay .firma-info li:last-child {  border-bottom: 0; }
.firma-detay .firma-info li strong {  display: table-cell;  width: 120px; }
.firma-detay .firma-info li span {  display: table-cell; }
.firma-detay .firma-info li .firma-social {  display: inline-block;  color: #253b49;  width: 20px;  text-align: center;  margin-right: 3px; }
.firma-detay .firma-info li .firma-social:hover {  color: #f7af0a; }
.firma-detay .firma-badges {  padding-top: 20px;  border-top: 1px solid #efefef;  margin-top: 5px; }
.firma-detay .firma-badges .firma-badge {  width: 120px;  height: 82px;  float: left;  background: #f9bf3b;  color: #253b49;  margin-right: 10px;  border-radius: 3px;  text-align: center;  font-size: 11px;  font-weight: 500; }
.firma-detay .firma-badges .firma-badge:last-child {  margin-right: 0; }
.firma-detay .firma-badges .firma-badge i {  display: block;  padding-top: 20px;  font-size: 18px;  padding-bottom: 4px; }
.firma-detay .firma-badges .firma-badge span {  display: block;  line-height: 16px; }
.firma-detay .firma-badges .firma-badge.badge-dark {  background: #253b49;  color: #fff; }
.firma-detay .firma-badges .firma-badge.badge-gray {  background: #c5c5c5;  color: #fff; }
.firma-detay .firma-badges .firma-qr {  float: right;  width: 70px;  text-align: center; }
.firma-detay .firma-badges .firma-qr span {  display: block;  font-size: 11px;  font-weight: 500;  color: #253b49; }
.firma-detay .firma-badges .firma-qr img {  width: 64px;  height: 64px;  margin-top: 5px; }
.firma-detay .firma-eposta {  width: 260px;  position: absolute;  right: -30px;  top: 0; }
.firma-detay .firma-eposta .firma-eposta-title {  background: #253b49;  height: 50px;  line-height: 50px;  border-radius: 5px 0 0 0;  font-size: 14px;  color: #fff;  font-weight: bold; }
.firma-detay .firma-eposta .firma-eposta-title i {  width: 40px;  text-align: center;  color: #f9bf3b;  font-size: 18px;  padding-left: 5px; }
.firma-detay .firma-eposta .firma-eposta-form {  background: #2f4b5d;  padding: 15px;  border-radius: 0 0 0 5px; }
.firma-detay .firma-eposta .firma-eposta-form input, .firma-detay .firma-eposta .firma-eposta-form textarea {  display: block;  width: 100%;  box-sizing: border-box;  border: none;  background: #fff;  color: #253b49;  font-size: 11px;  font-weight: 500;  height: 34px;  border-radius: 4px;  margin-bottom: 15px;  padding: 0 10px; }
.firma-detay .firma-eposta .firma-eposta-form textarea {  padding: 10px;  height: 100px; }
.firma-detay .firma-eposta .firma-eposta-form span {  float: left;  width: 60px;  text-align: center;  color: #fff;  line-height: 34px;  font-size: 14px;  font-weight: 500; }
.firma-detay .firma-eposta .firma-eposta-form input.input-right {  float: right;  width: 160px; }
.firma-detay .firma-eposta .firma-eposta-form .btn {  height: 34px;  line-height: 34px;  font-size: 11px;  font-weight: 500;  width: 100%; }
.firma-detay .firma-eposta .firma-eposta-form .btn i {  height: 34px;  line-height: 34px; }
.list-types {  float: left;  margin-right: 5px; }
.list-types li {  display: inline-block;  float: left;  height: 40px;  line-height: 40px;  margin-right: 5px; }
.list-types li a {  color: #253b49;  font-size: 15px;  background: #d0d0d0;  display: inline-block;  line-height: 25px;  width: 25px;  text-align: center; }
.list-types li.active a {  color: #253b49;  background: #f9bf3b; }
.list-types li a:hover {  background: #253b49;  color: #fff; }
.firma-blocks {  padding-top: 20px; }
.firma-block-left {  width: 300px;  float: left; }
.firma-block-right {  width: 840px;  float: right; }
.block-title-tabs {  display: table;  width: 100%; }
.block-title-tabs a {  display: table-cell;  width: 50%;  text-align: center;  background: #2f4b5d; }
.block-title-tabs.rounded a:first-child {  border-radius: 5px 0 0 0; }
.block-title-tabs.rounded a:last-child {  border-radius: 0 5px 0 0; }
.block-title-tabs a.active {  background: #253b49; }
.block-title-tabs a i {  display: inline-block;  height: inherit;  line-height: inherit;  width: 30px;  text-align: center;  color: #f9bf3b; }
.block-title-tabs a h4 {  display: inline-block;  color: #fff;  font-size: 14px;  font-weight: 700; }
.firma-photos li {  width: 80px;  height: 80px;  line-height: 80px;  border: 2px solid #efefef;  border-radius: 3px;  overflow: hidden;  margin-right: 9px;  margin-bottom: 9px;  float: left;  display: inline-block; }
.firma-photos li:nth-child(3n+3) {  margin-right: 0; }
.firma-photos li img {  max-width: 76px;  max-height: 76px;  vertical-align: middle;  with: auto;  height: auto; }
.firma-photos .btn {  border-radius: 0;  width: 100%;  box-sizing: border-box;  text-align: center; }
.firma-photos .btn i {  float: none;  display: inline-block; }
.firma-harita {  height: 270px;  width: 270px; }
.firma-kampanya li {  height: 60px;  margin-bottom: 10px; }
.firma-kampanya li:last-child {  margin-bottom: 0; }
.firma-kampanya li a {  display: table;  width: 100%;  height: 60px;  background: #efefef; }
.firma-kampanya li i, .firma-kampanya li span {  display: table-cell;  height: 60px;  vertical-align: middle; }
.firma-kampanya li i:first-child {  width: 40px;  text-align: center;  font-size: 16px;  color: #253b49; }
.firma-kampanya li span {  color: #253b49;  font-size: 11px;  font-weight: 500;  padding-right: 10px;  line-height: 14px; }
.firma-kampanya li i:last-child {  width: 30px;  background: #253b49;  color: #fff;  text-align: center; }
.firma-kampanya li a:hover {  background: #f9bf3b;  color: #253b49; }
.urunhizmet li {  margin-bottom: 10px;  height: 35px; }
.urunhizmet li:last-child {  margin-bottom: 0; }
.urunhizmet li a {  display: block;  background: #efefef;  border-radius: 3px;  height: 35px;  line-height: 35px; }
.urunhizmet li a > i:first-child {  float: left;  height: 35px;  line-height: inherit;  width: 35px;  text-align: center;  color: #253b49;  font-size: 12px; }
.urunhizmet li a span {  color: #848484;  font-size: 13px;  float: left;  width: calc(100% - 80px);  overflow: hidden;  height: 35px;  text-overflow: ellipsis;  word-wrap: break-word; }
.urunhizmet li a > i:last-child {  float: right;  width: 35px;  text-align: center;  line-height: 35px;  height: 35px;  background: #253b49;  color: #fff;  border-radius: 0 3px 3px 0; }
.urunhizmet li a:hover {  background: #f9bf3b; }
.yorum-ust .yorum-row {  width: 250px;  position: relative;  float: left;  margin-right: 15px;  margin-bottom: 10px; }
.yorum-ust .yorum-row.nomargin {  margin-right: 0; }
.yorum-ust .yorum-row:first-child {  padding-left: 0; }
.yorum-ust .yorum-row.textarea-row {  width: 625px;  height: 80px; }
.yorum-row input, .yorum-row textarea {  width: 100%;  box-sizing: border-box;  border: 2px solid #efefef;  height: 40px;  padding: 0 10px 0 35px;  border-radius: 3px;  font-size: 11px;  font-weight: 500;  color: #848484; }
.yorum-row textarea {  padding: 11px 10px 0 35px;  height: 80px; }
.yorum-row input:focus, .yorum-row textarea:focus {  border: 2px solid #a6c1d2;  color: #253b49; }
.yorum-row i {  position: absolute;  left: 0;  width: 40px;  line-height: 40px;  text-align: center;  color: #253b49; }
.yorum-btn {  height: 80px;  line-height: 26px;  padding-top: 5px;  width: 140px; }
.yorum-btn i {  display: block !important;  float: none !important;  line-height: 36px !important;  height: 36px !important;  font-size: 26px !important; }
.yorumlar li {  padding: 15px;  border: 2px solid #efefef;  box-sizing: border-box;  border-radius: 3px;  margin-bottom: 18px;  position: relative; }
.yorumlar li:last-child {  margin-bottom: 0; }
.yorumlar li .yorum-resim {  width: 60px;  height: 50px;  float: left; }
.yorumlar li .yorum-resim img {  width: 50px;  height: 50px;  border-radius: 2px; }
.yorumlar li .yorum-content {  float: right;  width: calc(100% - 65px); }
.yorumlar li .yorum-info {  font-size: 11px;  font-weight: 500;  line-height: 24px;  margin-top: -3px; }
.yorumlar li .yorum-user {  color: #253b49;  margin-right: 15px;  float: left; }
.yorumlar li .yorum-user i {  margin-right: 5px;  font-size: 14px;  height: 24px;  line-height: 24px;  float: left; }
.yorumlar li .yorum-tarih {  color: #999;  margin-right: 15px;  float: left; }
.yorumlar li .yorum-tarih i {  margin-right: 5px;  font-size: 14px;  height: 24px;  line-height: 24px;  float: left; }
.yorumlar li .yorum-yanit {  color: #f06767;  margin-right: 15px;  float: left; }
.yorumlar li .yorum-yanit i {  margin-right: 5px;  font-size: 14px;  height: 24px;  line-height: 24px;  float: left; }
.yorumlar li .yorum-yorum {  line-height: 16px;  color: #253b49;  font-size: 11px;  font-weight: 500; }
.yorumlar li .yorum-bekliyor {  background: #d97b17;  padding: 5px 10px;  border-radius: 2px;  margin: 5px 0;  display: inline-block;  color: #fff; }
.yorumlar ul.children {  margin-left: 60px;  margin-top: 0;  margin-bottom: 18px; }
.yorumlar ul.children li:first-child::before {  content: "\f122";  font: normal normal normal 14px/1 FontAwesome;  position: absolute;  left: -60px;  width: 60px;  text-align: center;  font-size: 24px;  color: #999;  transform: rotate(180deg);  -ms-transform: rotate(180deg);  -webkit-transform: rotate(180deg); }
.yorumlar ul.children .yorum-content {  width: calc(100% - 65px); }
.header-mobile {  display: none; }
h4.yorum-cevapla {  color: #253b49;  font-weight: 500;  font-size: 14px;  padding-bottom: 10px; }
#reply-comment ul {  margin-bottom: 10px; }
.form-row {  display: block;  padding: 5px 0; }
.form-row label {  display: block;  line-height: 36px;  height: 36px;  color: #253b49;  font-weight: 600;  font-size: 14px; }
.input-ui {  height: 40px;  width: 100%;  line-height: 40px;  padding: 0 15px;  box-sizing: border-box;  border: 2px solid #efefef;  border-left: 6px solid #efefef;  color: #666; }
.input-ui:focus {  border: 2px solid #a6c1d2;  border-left: 6px solid #a6c1d2;  color: #253b49; }
.input-icon-ui {  position: relative; }
.input-icon-ui .input-icon {  position: absolute;  left: 6px;  top: 2px;  bottom: 2px;  width: 40px;  color: #253b49;  text-align: center;  background: #fff;  line-height: 36px; }
.input-icon-ui .input-ui {  padding-left: 40px; }
.form-col-2 {  width: 49%;  float: left;  margin-right: 2%; }
.form-row.end-row {  margin-right: 0 !important; }
.select-ui {  display: none; }
.select-ui-wrap {  position: relative; }
.select-ui-selected {  display: block;  height: 40px;  line-height: 40px;  background: #253b49;  padding: 0 15px;  color: #fff;  font-weight: 500;  font-size: 13px;  cursor: pointer;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none; }
.select-ui-selected:hover {  background: #2c4657; }
.select-ui-selected:active {  background: #1c2d38; }
.select-ui-selected i {  position: absolute;  right: 15px;  top: 0;  right: 0;  line-height: 40px;  text-align: center;  width: 36px;  font-size: 18px; }
.select-ui-options {  position: absolute;  top: 40px;  background: #253b49;  right: 0;  left: 0;  z-index: 5;  display: none;  max-height: 250px;  overflow: auto; }
.select-ui-options li {  color: #fff;  padding: 0 15px;  height: 30px;  line-height: 30px;  font-size: 13px;  cursor: pointer; }
.select-ui-options li:hover {  background: #f9bf3b;  color: #253b49; }
label.label-ui {  font-weight: normal;  line-height: 26px;  padding-left: 5px;  height: auto; }
.form-error {  position: relative; }
.input-error {  position: absolute;  bottom: -30px;  z-index: 10;  height: 26px;  background: #f93b3b;  color: #fff;  line-height: 26px;  font-size: 13px;  padding: 0 15px;  border-radius: 3px;  left: 4px; }
.input-error::before {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 0 5px 6px 5px;  border-color: transparent transparent #f93b3b transparent;  position: absolute;  top: -6px;  left: 17px; }
.form-error .input-ui {  border-color: #ec4b4b; }
.error-ui span, .success-ui span, .alert-ui span, .info-ui span {  display: block;  background: #f93b3b;  color: #fff;  padding: 15px;  font-size: 13px;  box-sizing: border-box;  border-radius: 3px; }
.success-ui span {  background: #109620; }
.alert-ui span {  background: #253b49; }
.info-ui span {  color: #253b49;  background: #f9bf3b; }
.checkbox-ui-wrap input {  display: none; }
.checkbox-ui-check {  display: inline-block;  width: 16px;  height: 16px;  background: #fff;  border-radius: 2px;  position: relative;  margin-right: 2px;  cursor: pointer;  box-shadow: 0 0 2px rgba(0, 0, 0, .10);  border: 2px solid #253b49;  box-sizing: border-box;  vertical-align: middle; }
.checkbox-ui-checked {  position: absolute;  top: 2px;  left: 2px;  right: 2px;  bottom: 2px;  background: #253b49;  border-radius: 1px; }
.checkbox-ui-radio {  border-radius: 16px; }
.checkbox-ui-radio .checkbox-ui-checked {  border-radius: 16px; }
.check-label {  cursor: pointer;  display: inline-block;  margin-right: 5px;  color: #2c4657; }
textarea.input-ui {  height: auto;  vertical-align: top;  font-size: 13px;  line-height: 18px;  padding: 10px 15px; }
.input-ui.autosize {  width: auto; }
.desc-ui {  padding: 5px 10px;  color: #999;  line-height: 18px;  font-size: 12px; }
.image-ui-wrap input {  width: 120px;  height: 120px;  position: absolute;  top: 0;  left: 0;  z-index: 3;  opacity: 0;  filter: alpha(opacity=0);  cursor: pointer; }
.image-ui-wrap {  width: 120px;  height: 120px;  background: #efefef;  border: 1px solid #fff;  border-radius: 2px;  box-shadow: 0 0 5px rgba(0, 0, 0, .19);  position: relative;  cursor: pointer; }
.image-ui-wrap span.image-ui-boyut {  color: #5282a1;  font-weight: 300;  display: block;  text-align: center;  font-size: 18px;  padding-top: 36px;  line-height: 22px; }
.image-ui-wrap span.image-ui-boyut span {  font-size: 14px;  display: block; }
.image-ui-wrap::before {  content: "";  position: absolute;  top: 10px;  left: 50%;  width: 1px;  height: 20px;  background: #b3cad9; }
.image-ui-wrap::after {  content: "";  position: absolute;  bottom: 10px;  left: 50%;  width: 1px;  height: 20px;  background: #b3cad9; }
.image-ui-wrap:hover {  border: 1px solid #b3cad9; }
.image-ui-wrap::after {  content: "GÖZAT";  left: 0;  right: 0;  bottom: 0;  height: 26px;  font-size: 11px;  text-align: center;  color: #fff;  z-index: 3;  background: #253b49;  width: 100%;  line-height: 26px;  border-radius: 0 0 2px 2px; }
.image-ui-img {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 2;  text-align: center;  line-height: 120px;  background: #fff; }
.image-ui-img img {  max-width: 120px;  max-height: 120px;  vertical-align: middle; }
.kayit-ol h1, .giris-yap h1 {  padding-top: 30px;  text-align: center;  color: #253b49;  font-size: 28px;  font-weight: 900; }
.kayit-form {  background: rgba(255, 255, 255, .30);  padding: 15px;  padding-top: 0;  width: 80%;  margin: 0 auto;  margin-top: 20px;  border-radius: 3px;  margin-bottom: 40px; }
.giris-yap .kayit-form {  width: 360px;  background: rgba(0, 0, 0, .05); }
.giris-yap button {  width: 100%; }
.bulunamadi h2 {  padding: 10px 0;  text-align: center;  color: #36566b;  padding-top: 40px; }
.bulunamadi .search_404 {  width: 600px;  margin: 0 auto;  height: 60px;  padding: 50px 0; }
.bulunamadi button {  width: 60px;  height: 60px;  line-height: 60px;  background: #f9bf3b;  border: none;  border-radius: 0 4px 4px 0;  color: #253b49;  font-size: 26px;  float: left; }
.bulunamadi input {  height: 60px;  line-height: 60px;  width: calc(100% - 70px);  border: none;  float: left;  display: inline-block;  border-radius: 4px 0 0 4px;  padding: 0 20px;  box-sizing: border-box;  font-size: 16px;  color: #253b49; }
.bulunamadi {  padding-bottom: 60px; }
.backtoback {  margin: 0 auto;  display: block;  width: 120px;  text-align: center; }
.block-menu {  width: 200px; }
.block-menu li a {  display: block;  height: 30px;  line-height: 30px;  background: #f4f4f4;  padding: 0 10px;  font-size: 13px;  color: #253b49;  border-bottom: 1px solid #e0e0e0;  box-sizing: border-box; }
.block-menu li a:hover {  background: #253b49;  color: #fff; }
.block-menu li:last-child a {  border-bottom: 0; }
.block-menu li.block-menu-title {  background: #e0e0e0;  color: #253b49;  font-weight: 500;  height: 40px;  font-size: 16px;  line-height: 40px;  padding: 0 10px; }
.block-menu li a.alert span {  float: right;  background: #f93b3b;  width: 16px;  height: 16px;  line-height: 16px;  text-align: center;  border-radius: 16px;  color: #fff;  font-size: 10px;  margin-top: 7px;  font-weight: 500; }
.panel-left {  width: 200px;  float: left; }
.panel-right {  width: 920px;  float: right; }
.panel-right h4, .firma-ekle > h4 {  line-height: 40px;  height: 40px;  color: #253b49;  font-weight: 500;  font-size: 16px; }
.user-table {  width: 100%;  border-collapse: collapse; }
.user-table td {  font-size: 13px;  line-height: 40px;  padding: 3px 10px;  border: 2px solid #fff;  border-top: 0;  background: #fafafa;  vertical-align: top; }
.user-table td.col-sol {  width: 180px;  background: #f4f4f4;  color: #253b49; }
.user-table td a {  font-weight: 500;  color: #1c2d38; }
.user-table td a:hover {  color: #3d6178; }
.user-table td.col-title {  background: #e9e9e9;  color: #253b49;  font-weight: 500;  font-size: 14px; }
.user-table td.col-2 {  width: 344px; }
.userpanel {  width: 320px;  float: right;  margin-top: 16px; }
.userpanel-title {  height: 36px;  line-height: 36px;  background: #253b49;  color: #fff;  padding-left: 10px;  border-radius: 2px 5px 0 0;  font-size: 13px;  font-weight: 300; }
.userpanel-logout {  float: right;  background: #f9bf3b;  color: #253b49;  display: inline-block;  padding: 0 10px;  border-radius: 0 2px 0 0; }
.userpanel-logout:hover {  background: #e19e07; }
.userpanel-menu {  display: table;  width: 100%;  background: #2f4b5d;  border-radius: 0 0 2px 2px; }
.userpanel-menu li {  display: table-cell;  text-align: center;  width: 50%;  border-right: 1px solid #253b49; }
.userpanel-menu li:last-child {  border-right: 0; }
.userpanel-menu li a {  display: block;  line-height: 30px;  font-weight: 300;  height: 30px;  color: #9bb5ca;  font-size: 11px; }
.userpanel-menu li a i {  margin-right: 2px; }
.userpanel-menu li a:hover {  color: #f9bf3b;  background: #36566b; }
.userpanel-menu li:last-child a {  border-radius: 0 0 3px 0; }
.userpanel-menu li:first-child a {  border-radius: 0 0 0 3px; }
.fb-kayit {  width: 300px;  margin: 0 auto;  text-align: center;  background: #3b5998;  height: 40px;  line-height: 40px;  margin-top: 15px;  color: #fff;  cursor: pointer;  border-radius: 3px; }
.fb-kayit i {  font-size: 18px;  margin-right: 10px; }
.fb-kayit:hover {  background: #dfe3ee;  color: #3b5998; }
.firma-adimlar {  display: table;  width: 100%;  margin: 10px auto 20px auto; }
.firma-adim {  display: table-cell;  width: 20%;  height: 70px;  background: #253b49;  border-right: 15px solid #fff;  border-left: 15px solid #fff;  position: relative; }
.firma-adim::after {  content: "\f105";  font-family: 'FontAwesome';  position: absolute;  right: -21px;  text-align: center;  height: 70px;  line-height: 70px;  font-size: 32px;  z-index: 3;  color: #dedede; }
.firma-adim:last-child::after {  display: none; }
.firma-adim strong {  float: left;  width: 70px;  text-align: center;  line-height: 70px;  display: inline-block;  font-size: 32px;  color: #f9bf3b;  background: rgba(255, 255, 255, .03); }
.firma-adim span {  float: left;  display: inline-block;  height: 70px;  line-height: 70px;  width: calc(100% - 70px);  color: #fff;  padding-left: 20px;  box-sizing: border-box;  color: rgba(255, 255, 255, .40); }
.firma-adim.aktif {  background: #f9bf3b; }
.firma-adim.aktif strong {  color: #253b49;  background: rgba(0, 0, 0, .05); }
.firma-adim.aktif span {  color: #253b49; }
.firma-adim.pasif {  background: #d0d0d0; }
.firma-adim.pasif strong {  color: #999;  background: rgba(0, 0, 0, .05); }
.firma-adim.pasif span {  color: #999; }
.firmaform-adim.hide {  display: none; }
.faaliyet-sec ul {  width: 20%;  background: #fff;  border: 1px solid #e0e0e0;  max-height: 350px;  overflow: auto;  float: left;  margin-right: 20px; }
.faaliyet-sec ul:last-child {  margin-right: 0; }
.faaliyet-sec ul li {  line-height: 30px;  height: 30px;  padding: 0 10px;  border-bottom: 1px solid #f4f4f4;  box-sizing: border-box;  color: #253b49;  cursor: pointer; }
.faaliyet-sec ul li:hover {  background: #253b49;  color: #fff; }
.faaliyet-sec ul li span {  float: right;  background: #2f4b5d;  color: #fff;  line-height: 24px;  height: 24px;  padding: 0 7px;  font-size: 11px;  border-radius: 2px;  margin-top: 2px;  display: none; }
.faaliyet-sec ul li:hover span {  display: inline-block; }
.faaliyet-sec ul li span:hover {  background: #f9bf3b;  color: #253b49; }
.faaliyet-empty {  width: 20%;  float: left;  background: #e0e0e0;  padding: 10px;  line-height: 18px;  box-sizing: border-box;  color: #666; }
.faaliyet-alanlari li {  display: block; }
.faaliyet-alanlari li div {  float: left; }
.faaliyet-alanlari li span {  background: #253b49;  color: #fff;  padding: 0 10px;  line-height: 24px;  height: 24px;  display: inline-block;  margin-right: 20px;  position: relative; }
.faaliyet-alanlari li span::after {  content: "\f105";  font-family: 'FontAwesome';  position: absolute;  right: -14px;  text-align: center;  height: 24px;  line-height: 24px;  font-size: 22px;  z-index: 3;  color: #c0c0c0; }
.faaliyet-alanlari li span:last-child::after {  display: none; }
.faaliyet-alanlari li span:last-child {  margin-right: 5px; }
.faaliyet-alanlari li a {  background: #bc2c2c;  color: #fff;  line-height: 20px;  height: 20px;  font-size: 11px;  text-align: center;  width: 20px;  display: inline-block;  border-radius: 20px; }
.faaliyet-alanlari li a:hover {  color: #fff;  background: #a52424; }
.firma-tamam {  width: 90%;  margin: 0 auto; }
.firma-tamam .firma-check {  color: #27be3c;  font-size: 64px;  border-left: 15px solid #fff;  background: #efefef;  padding: 15px;  width: 100px;  text-align: center; }
.firma-tamam .firma-text {  vertical-align: middle;  font-size: 28px;  font-weight: 500;  color: #253b49; }
.firma-tamam .firma-text-alt {  line-height: 24px;  padding: 20px 0;  color: #333;  font-weight: 300;  padding-top: 0;  padding-right: 15px; }
.firma-tamam td {  background: #efefef; }
.firma-tamam td:first-child {  border-left: 15px solid #fff; }
.firma-tamam td:last-child {  border-right: 15px solid #fff; }
.firma-table {  width: 100%; }
.firma-table thead td {  background: #253b49;  color: #fff;  padding: 10px;  font-size: 14px; }
.firma-table tbody td {  border: 1px solid #f4f4f4;  padding: 10px;  font-size: 13px;  vertical-align: middle; }
.firma-table tbody td a.firma-edit {  color: #253b49;  font-weight: 500; }
.firma-table tbody td a.firma-edit:hover {  color: #47728d; }
.firma-table tbody td a.btn-icon i.fa {  font-size: 16px !important; }
.label {  font-size: 11px;  padding: 0 6px;  line-height: 20px;  display: inline-block;  border-radius: 2px; }
.label-warning {  background: #f9bf3b;  color: #253b49; }
.label-success {  background: #27be3c;  color: #fff; }
.label-gray {  background: #d0d0d0;  color: #666; }
.image-ui-list {  padding-top: 10px; }
.image-ui-list li {  display: inline-block;  width: 120px;  height: 120px;  line-height: 120px;  margin-bottom: 10px;  box-shadow: 0 0 5px rgba(0, 0, 0, .20);  text-align: center;  background: #fff;  vertical-align: middle;  border: 1px solid #f4f4f4;  margin-right: 10px; }
.image-ui-list li img {  max-width: 100%;  max-height: 100%;  vertical-align: middle; }
.sektorler {  background: #fff;  padding: 10px 15px;  max-height: 350px;  overflow: auto; }
.sektorler li {  line-height: 20px;  padding: 5px 0; }
.sektorler li a {  font-weight: 500;  color: #253b49;  font-size: 14px; }
.sektorler li a span {  font-weight: 300;  color: #999;  font-size: 13px; }
.sektorler li a i {  font-size: 13px; }
.sektorler li.sektor-ust a {  color: #3f647c; }
.archive-haber .haber {  float: left;  width: 49%;  margin-right: 2%;  margin-bottom: 35px; }
.archive-haber .haber:nth-of-type(2n+2) {  margin-right: 0; }
.archive-haber .haber h2 {  font-weight: 500;  color: #253b49;  height: 28px;  line-height: 16px;  border-bottom: 1px solid #f0f0f0;  margin-bottom: 12px;  text-overflow: ellipsis;  white-space: nowrap;  width: 100%;  overflow: hidden; }
.archive-haber .haber-resim {  width: 150px;  float: left;  height: 110px;  text-align: center;  line-height: 110px; }
.archive-haber .haber-resim img {  max-width: 100%;  max-height: 100%;  vertical-align: middle;  width: auto;  height: auto; }
.archive-haber .haber-spot {  width: calc(100% - 160px);  float: right;  font-size: 13px;  color: #777;  max-height: 115px;  overflow: hidden;  line-height: 16px; }
.nav-links span, .nav-links a {  display: inline-block;  width: 40px;  height: 40px;  display: inline-block;  background: #fff;  line-height: 40px;  text-align: center;  font-size: 13px;  font-weight: 500;  color: #253b49;  box-sizing: border-box;  vertical-align: middle; }
.nav-links .current {  background: #f9bf3b; }
.nav-links a {  border: 2px solid #efefef;  line-height: 36px; }
.nav-links a:hover {  background: #f4f4f4; }
.nav-links .next, .nav-links .prev {  width: auto;  padding: 0 10px; }
.pagination .screen-reader-text {  display: none; }
.pagination {  padding-top: 15px; }
.gold-basvuru {  box-shadow: inset 0 0 10px rgba(0, 0, 0, .08);  padding: 20px; }
.gold-basvuru h5 {  font-size: 30px;  font-weight: 500;  color: #f9bf3b; }
.gold-basvuru h6 {  color: #777;  padding: 10px 0;  line-height: 24px; }
.gold-basvuru label.label-ui {  display: block; }
.gold-basvuru button {  margin-top: 20px; }
.gold-avantaj {  padding-top: 20px; }
.gold-avantaj .gold-desc {  line-height: 18px;  font-size: 14px;  padding-top: 20px;  color: #253b49; }
.banka-hesap {  padding-top: 15px; }
.banka-hesap p {  line-height: 18px;  font-size: 13px;  color: #777;  background: #efefef;  padding: 5px 10px; }
.banka-hesap p span {  display: inline-block;  width: 200px;  color: #253b49; }
.list-title {  font-size: 22px;  font-weight: 500;  color: #253b49;  height: 50px;  line-height: 50px; }
.post-listing li {  background: #fff;  margin-bottom: 10px;  height: 165px; }
.post-listing li .listing-img {  width: 175px;  float: left;  height: 125px;  overflow: hidden;  position: relative;  line-height: 125px;  text-align: center; }
.post-listing li .listing-img img {  max-width: 100%;  max-height: 100%;  vertical-align: middle;  width: auto;  height: auto; }
.post-listing li .listing-info {  width: calc(100% - 185px);  float: right;  padding-top: 10px; }
.post-listing li .listing-info h2 {  height: 16px;  overflow: hidden; }
.post-listing li .listing-info h2 a {  font-size: 16px;  font-weight: 500;  color: #253b49; }
.post-listing li .listing-alt {  clear: both;  height: 40px;  line-height: 40px;  background: #253b49;  padding-left: 10px;  font-size: 13px;  color: #f9bf3b;  overflow: hidden; }
.post-listing li .listing-alt span {  margin-right: 10px;  float: left; }
.post-listing li .listing-alt span i {  font-size: 15px;  float: left;  height: 40px;  line-height: 40px;  margin-right: 5px; }
.post-listing li.post-gold .listing-alt {  background: #f9bf3b;  color: #253b49; }
.post-listing li .listing-desc {  color: #777;  font-size: 13px;  line-height: 16px;  margin-top: 10px;  height: 64px;  overflow: hidden; }
.post-listing li .vitrin-gold {  position: absolute;  z-index: 5;  right: 0;  bottom: 10px;  background: #f9bf3b;  height: 26px;  line-height: 26px;  padding: 0 15px 0 12px;  font-size: 11px;  font-weight: 600;  color: #253b49;  opacity: 0.8;  filter: alpha(opacity=80); }
.post-listing li .vitrin-gold::before {  content: "";  width: 0;  height: 0;  border-style: solid;  border-width: 13px 9px 13px 0;  border-color: transparent #f9bf3b transparent transparent;  position: absolute;  top: 0;  left: -9px; }
.post-listing li .listing-alt .listing-msg {  height: 40px;  line-height: 40px;  background: rgba(0, 0, 0, .10);  display: inline-block;  padding: 0 10px;  color: #f9bf3b;  font-weight: 500; }
.post-listing li.post-gold .listing-alt .listing-msg {  color: #253b49; }
.list-info {  height: 40px;  line-height: 40px;  background: #fff;  border-bottom: 2px solid #f4f4f4;  margin-bottom: 10px;  font-size: 13px;  padding: 0 10px;  color: #253b49; }
.list-info .pagination {  float: right;  padding-top: 0; }
.list-info .nav-links span, .list-info .nav-links a {  width: 30px;  height: 30px;  line-height: 30px; }
.list-info .nav-links .next, .list-info .nav-links .prev {  width: auto; }
.list-info .nav-links a {  line-height: 26px; }
.firmaform-adim-4 h3 {  color: #253b49;  font-weight: 500;  font-size: 22px;  text-align: center; }
#preview {  padding: 20px 0; }
#preview .container {  width: 100%; }
#preview .firma-block-right {  width: 830px; }
.gold-pasif {  -webkit-filter: blur(2px);  -moz-filter: blur(2px);  -o-filter: blur(2px);  -ms-filter: blur(2px);  filter: blur(2px); }
.gold-al {  line-height: 20px;  color: #555;  text-align: center; }
.btn-center {  margin: 0 auto;  display: block;  margin-top: 10px; }
.complist {  position: absolute;  top: 50px;  left: 50px;  background: #fff;  right: 15px;  box-shadow: inset 0 5px 5px rgba(0, 0, 0, .04);  z-index: 500;  display: none; }
.complist li {  height: 30px;  line-height: 30px;  text-align: left;  padding: 0 15px;  font-size: 13px;  color: #253b49;  cursor: pointer;  box-sizing: border-box;  border-bottom: 1px solid #f4f4f4; }
.complist li:hover {  background: #f4f4f4; }
.btn-category {  width: 100%;  box-sizing: border-box;  text-align: center; }
.btn-category i {  float: none !important;  vertical-align: middle; }
.panel-menu-btn {  display: none; }
.check-label a {  color: #253b49;  font-weight: 500; }
.check-label a:hover {  color: #f9bf3b; }
.sozlesme-title {  font-size: 24px;  font-weight: 600; }
.sozlesme {  padding: 10px 0;  font-size: 14px;  color: #555;  width: 600px; }
.habertext iframe {  width: 100%;  height: 440px; }
.firma-filtre {  display: none; }
.category-tree {  height: 16px; }
.category-tree li {  display: inline-block;  position: relative;  margin-right: 15px; }
.category-tree li::after {  content: ">";  position: absolute;  right: -14px;  color: #ccc;  font-size: 13px;  top: 4px; }
.category-tree li:last-child::after {  display: none; }
.category-tree li a {  color: #253b49;  font-size: 13px; }
.uye-ol-link {  padding: 10px 0;  font-size: 14px;  color: #253b49; }
.uye-ol-link a {  color: #253b49;  font-weight: 500; }
.uye-ol-link a:hover {  color: #36566b; }
.gold-firma .content-title {  background: #f9bf3b; }
.gold-firma .content-title > i:first-child {  color: #253b49; }
.gold-firma .content-title .title-tools .title-views span {  color: #253b49; }
.gold-firma .content-title > .title-breadcrumb h2 {  color: #253b49; }
.gold-firma .content-title > .title-breadcrumb ul li a {  color: #253b49; }
.gold-firma .content-title > .title-breadcrumb ul li a:hover {  color: #47728d; }
.gold-firma .content-title > .title-breadcrumb ul li::after {  color: #47728d; }
.gold-firma .content-title .title-tools .title-views {  color: #253b49; }
.gold-firma .content-title .title-tools .title-share li, .gold-firma .content-title .title-tools .title-share li a {  color: #253b49; }
.gold-firma .content-title .title-tools .title-share li:hover, .gold-firma .content-title .title-tools .title-share li a:hover {  color: #47728d; }
.gold-firma .content-title::after {  border-color: #f9bf3b transparent transparent transparent; }
.gold-firma .content-title .title-tools .title-buttons {  border-right: 1px solid #fbcf6c; }
.gold-firma .content-title .title-tools .title-views {  border-right: 1px solid #fbcf6c;  border-left: 1px solid #f7af0a; }
.gold-firma .content-title .title-tools .title-share {  border-left: 1px solid #f7af0a; }
.gold-firma .title-buttons .btn-primary {  background: #253b49;  color: #fff; }
.gold-firma .content-title {  position: relative; }
.gold-firma .gold-gold {  display: inline-block;  height: 22px;  line-height: 22px;  background: #efa907;  color: #253b49;  font-weight: 500;  font-size: 11px;  padding: 0 10px;  z-index: 600;  vertical-align: middle; }
.search-tabs {  float: right; }
.search-tabs li {  display: inline-block;  float: left; }
.search-tabs li a {  height: 40px;  line-height: 40px;  color: #fff;  background: #253b49;  font-size: 13px;  display: inline-block;  padding: 0 15px;  border-left: 1px solid #142027; }
.search-tabs li a:hover {  background: #2e495a; }
.search-tabs li a.aktif {  background: #f9bf3b;  color: #253b49; }
.search-tabs li:first-child a {  border-left: 0;  

/* en az 1024 pikselde çalıştır */
 }
@media only screen and (min-width: 1171px) {  .menu > li > a {    animation: menu 0.75s; }
  @keyframes menu {    0% {      margin-bottom: -30px; }
 }
  .show-phone {    display: none !important; }
 }
@media only screen and (max-width: 1170px) {  .container {    width: 100% !important;    box-sizing: border-box; }
  .header .container {    padding: 0 10px; }
  .menu {    display: block; }
  .menu li {    display: inline-block;    float: left; }
  .menu li a {    padding: 0 10px; }
  .menu li a .mn {    height: 60px;    line-height: 60px;    padding: 0 5px !important;    float: left; }
  .menu li a .mn span {    display: none; }
  .top-left.social {    display: none; }
  .input-col input {    width: 300px; }
  .vitrin li {    width: 90vw;    margin-right: 1%; }
  .main-left {    display: none; }
  .main-right {    width: 100%;    padding: 0 10px;    box-sizing: border-box; }
  .main-ad img {    width: 100%; }
  .gold-firmalar li, .box-listing li {    width: 24%;    margin-right: 1%; }
  .gold-firmalar li .gold-isim i, .box-listing li .gold-isim i {    float: right; }
  .stat-links {    display: table;    width: 100%; }
  .stat-links li {    display: table-cell;    float: none;    width: 20%;    padding: 0 10px; }
  .stat-links li i {    width: 100%; }
  .normal-firmalar li {    width: 19%;    margin-right: 1%; }
  .normal-firmalar li .normal-isim i {    float: right; }
  .normal-firmalar li .normal-isim span {    width: calc(100% - 30px); }
  .main-two-ad div.first {    width: 48%;    height: auto; }
  .main-two-ad div.second {    width: 48%;    height: auto; }
  .main-two-ad div img {    width: 100%; }
  .tablo-tabs {    display: table;    width: 100%; }
  .tablo-tabs li {    display: table-cell;    float: none;    width: 20%;    padding: 0 10px; }
  .block-left, .block-right {    width: 49%; }
  .son-firmalar li .son-firma-info {    width: calc(100% - 70px); }
  .son-haberlist li a span {    width: calc(100% - 50px); }
  .son-haberlist li.active .son-haberresim {    width: 100%; }
  .son-haberlist li.active .son-haberresim img {    width: 100%;    height: 200px; }
  .fuar {    display: table;    width: 100%; }
  .fuar li {    display: table-cell;    width: 24%;    margin-right: 1%; }
  .fuar li .fuar-resim {    margin: 0 auto; }
  .interactive {    height: 270px;    padding-top: 55px; }
  .interactive h2 {    font-size: 26px; }
  .interactive h3 {    font-size: 18px; }
  .yayinla, .bulten {    display: block; }
  .yayinla > i, .yayinla > div, .bulten > i, .bulten > div {    display: inline-block;    float: left;    height: 50px; }
  .yayinla > i, .bulten > i {    height: 50px;    line-height: 50px;    font-size: 26px;    text-align: center; }
  .yayinla > div, .bulten > div {    padding-top: 10px;    box-sizing: border-box; }
  .yayinla > div:last-child, .bulten > div:last-child {    display: block;    padding-top: 0;    width: 100%; }
  .etkilesim-right {    padding-left: 0; }
  .yayinla .btn {    margin-left: 70px; }
  .bulten .bulten-input {    margin-left: 70px; }
  .footer-menu {    width: 24%;    margin-right: 1%; }
  .footer-menu li a {    font-size: 11px; }
  .gold-firmalar li .gold-isim span, .box-listing li .gold-isim span {    width: calc(100% - 30px); }
  .firmad {    max-width: 100%;    box-sizing: border-box; }
  .firmad img {    max-width: 100%;    width: auto;    height: auto; }
  .firmad.ana-logo {    position: relative;    left: auto;    margin: 0 auto;    display: none; }
  .firma-block-right {    width: calc(100% - 320px); }
 }
@media only screen and (min-width: 481px) and (max-width: 800px) {  .search-area .btn {    width: 50px;    overflow: hidden;    position: relative;    text-indent: -9999px; }
  .search-area .btn i {    width: 50px;    text-align: center;    margin: 0;    padding: 0;    position: absolute;    left: 0;    text-indent: 0;    font-size: 22px; }
  .firma-detay .firma-eposta {    margin-top: 50px; }
  .content-title .title-tools {    float: none;    position: absolute;    top: 70px;    left: 0;    right: 0;    z-index: 3; }
  .firma-detay {    padding-top: 50px; }
  .content-title .title-tools .title-buttons {    border-right: 1px solid #f0f0f0 !important; }
  .content-title .title-tools .title-views {    border-left: 1px solid #f4f4f4 !important;    border-right: 1px solid #f0f0f0 !important; }
  .content-title .title-tools .title-share {    border-left: 1px solid #f4f4f4 !important; }
  .content-title .title-tools .title-views {    color: #253b49 !important; }
  .content-title .title-tools .title-views span {    color: #253b49 !important; }
  .content-title .title-tools .title-share li, .content-title .title-tools .title-share li a {    color: #253b49 !important; }
 }
@media only screen and (max-width: 800px) {  .header-menu {    height: 50px; }
  .menu li {    height: 50px;    line-height: 50px; }
  .menu li a {    height: 50px;    line-height: 50px; }
  .menu li a span.mn {    height: inherit;    line-height: inherit; }
  .menu li a span.mn strong {    font-weight: 500;    font-size: 13px; }
  .menu li a span.fa {    height: inherit;    line-height: inherit;    font-size: 16px;    width: 15px; }
  .input-col input {    width: 280px; }
  .main-categories li a strong {    font-size: 12px; }
  .main-categories li a {    font-size: 11px; }
  .interactive {    height: 190px;    padding-top: 35px; }
  .interactive h2 {    font-size: 22px; }
  .interactive h3 {    font-size: 14px; }
  .interactive-buttons {    padding-top: 20px; }
  .interactive-buttons a {    height: 50px;    line-height: 50px;    font-size: 16px;    border-radius: 24px; }
  .footer-menu li {    height: auto;    overflow: hidden; }
  .footer-menu li a {    text-overflow: ellipsis;    word-wrap: break-word; }
  .footer-menu li.footer-menu-title {    font-size: 16px;    height: 36px;    line-height: 26px; }
  .vitrin li .vitrin-content .vitrin-isim span {    width: calc(100% - 30px);    overflow: hidden;    display: block;    height: 11px; }
  .bottom .copyright {    font-size: 11px; }
 }
@media only screen and (max-width: 480px) {  .firmad.ana-logo {    display: block; }
  .show-phone {    display: inline-block; }
  .top-menu {    display: none; }
  .top-left {    display: inline-block;    float: none;    border: none !important; }
  .header-top .container {    text-align: center; }
  .top-left:first-child {    display: none; }
  .header-middle .buttons {    float: none;    width: 100%;    box-sizing: border-box;    height: auto;    background: #1c2d38;    padding: 10px 0; }
  .header-middle .buttons .btn {    width: 90%;    box-sizing: border-box;    display: block;    float: none;    margin: 10px auto; }
  .header-middle .buttons .btn span.fa {    float: none;    line-height: inherit;    vertical-align: top; }
  .header-middle .logo {    width: 100%;    text-align: center; }
  .header-middle .logo img {    max-width: 90%; }
  .header-menu {    height: auto;    background: #1c2d38; }
  .menu {    height: auto;    display: none;    padding: 10px 0; }
  .menu li {    display: block;    float: none;    border: none; }
  .menu li a {    color: #fff;    border-bottom: 1px solid #253b49;    box-sizing: border-box; }
  .menu li:last-child a {    border-bottom: 0; }
  .menu li a span.fa {    margin-right: 5px; }
  .main-search h3 {    font-size: 18px;    padding-top: 20px; }
  .main-search h4 {    display: none; }
  .input-col {    display: block;    width: 94%;    margin: 0 auto;    float: none;    padding: 0;    margin-bottom: 10px; }
  .input-col input {    width: 100%; }
  .main-search .btn {    width: 94%; }
  .main-search .btn i {    float: none;    display: inline-block; }
  .search-area {    padding-top: 20px; }
  .main-search {    height: 250px;    display: none;    margin-top: -4px;    border-bottom: 4px solid #eba507; }
  .main-categories {    display: none; }
  .vitrin {    position: relative;    height: 160px;    width: 10000px; }
  .vitrin li {    float: none;    margin: 0;    margin-bottom: 10px;    margin-right: 30px; }
  .header-middle {    height: auto; }
  .header-middle .container {    padding: 0; }
  .header-middle .logo {    float: none; }
  .header-mobile {    display: block;    padding-top: 10px; }
  .header-mobile ul {    display: table;    width: 100%;    box-sizing: border-box; }
  .header-mobile li {    display: table-cell;    width: 33.3%; }
  .header-mobile li span {    display: block;    text-align: center;    position: relative;    cursor: pointer;    background: #253b49;    height: 50px;    line-height: 50px;    color: #fff;    font-size: 18px;    border-left: 1px solid #1c2d38;    border-right: 1px solid #2c4657;    box-sizing: border-box; }
  .header-mobile li span.active::after {    content: "";    width: 0;    height: 0;    border-style: solid;    border-width: 8px 7px 0 7px;    border-color: #253b49 transparent transparent transparent;    position: absolute;    bottom: -8px;    left: 50%;    margin-left: -8px; }
  .header-mobile li span.active {    color: #f9bf3b; }
  .header-mobile li:first-child a {    border-left: 0; }
  .header-mobile li:last-child a {    border-right: 0; }
  .block-title .title-right a {    width: 30px;    height: 30px;    padding: 0;    overflow: hidden;    position: relative; }
  .block-title .title-right a i.fa {    width: 30px;    height: 30px;    line-height: 30px;    text-align: center;    position: absolute;    left: 0;    top: 0;    margin-left: 0;    background: inherit; }
  .stat-links:parent {    display: none; }
  .gold-wrapper {    width: 100%;    height: 255px;    overflow: hidden;    box-sizing: border-box;    position: relative; }
  .gold-firmalar {    position: absolute;    width: 10000px; }
  .normal-wrapper {    width: 100%;    height: 161px;    overflow: hidden;    position: relative; }
  .normal-firmalar {    position: absolute;    width: 10000px; }
  .main-ad, .main-two-ad {    display: none; }
  .tablo-tabs {    display: block; }
  .tablo-tabs li {    width: 100%;    box-sizing: border-box;    margin-bottom: 3px;    display: none;    padding: 0; }
  .tablo-tabs li a {    border-radius: 2px;    font-size: 14px; }
  .tablo-tabs li.active {    display: block; }
  .firma-tablo td, .firma-tablo th {    display: none; }
  .firma-tablo td:first-child, .firma-tablo td:last-child, .firma-tablo th:first-child, .firma-tablo th:last-child {    display: table-cell; }
  .block-left, .block-right {    display: block;    float: none;    width: 100%;    box-sizing: border-box; }
  .fuar-wrapper {    display: block;    width: 100%;    height: 201px;    overflow: hidden;    position: relative; }
  .fuar {    position: absolute;    width: 10000px; }
  .interactive h2 {    font-size: 16px;    line-height: 18px; }
  .interactive h3 {    display: none; }
  .int-bilgi {    display: none !important; }
  .interactive-buttons a.int-ekle {    width: 70%;    border-radius: 5px; }
  .etkilesim {    height: auto; }
  .etkilesim-left, .etkilesim-right {    float: none;    width: 100%;    position: relative;    padding: 0; }
  .etkilesim .container {    height: auto; }
  .etkilesim::before {    display: none; }
  .yayinla {    background: #f9bf3b;    height: 100px;    width: 100%; }
  .bulten {    height: 100px; }
  .yayinla, .bulten {    padding: 10px 0; }
  .footer-menu {    display: block;    float: none;    width: 100%;    margin-bottom: 10px; }
  .footer-menu-title {    padding: 0 20px; }
  .footer-menu li a {    height: 36px;    line-height: 36px; }
  .footer-menu li:not(.footer-menu-title)::before {    top: 14px; }
  .footer-menu li:not(.footer-menu-title)::after {    top: 10px; }
  .copyright {    display: none; }
  .bottom .social {    display: none; }
  .slider-categories {    display: none; }
  .slider-wrap {    height: auto; }
  .slider {    height: auto; }
  .slider li {    width: 100vw; }
  .slider li img {    width: 100vw;    height: auto; }
  .slider-alt {    position: relative; }
  .slider-alt .slider-alt-right span {    display: none; }
  .slider-alt .slider-alt-right {    display: none;    float: none; }
  .slider li {    height: auto; }
  .stat-links {    display: block; }
  .stat-links li {    display: block;    width: 100%;    height: 60px; }
  .stat-links li i {    float: left;    width: 60px;    height: 60px;    line-height: 60px;    text-align: center;    font-size: 36px; }
  .stat-links li .stat-border {    display: none; }
  .stat-links li strong, .stat-links li span {    float: right;    width: calc(100% - 70px);    text-align: left; }
  .main-blocks {    margin-top: 0; }
  .block-content {    padding: 20px; }
  .firma-detay .firma-eposta {    float: none;    display: block;    position: relative;    clear: both;    width: 100%;    right: auto; }
  .firma-detay .firma-eposta .firma-eposta-title.active {    border-radius: 5px 5px 0 0; }
  .firma-detay .firma-eposta .firma-eposta-title {    border-radius: 5px; }
  .firma-detay .firma-eposta .firma-eposta-title:hover {    background: #2c4657;    cursor: pointer; }
  .firma-detay .firma-eposta .firma-eposta-form input.input-right {    width: calc(100% - 65px); }
  .firma-detay .firma-eposta .firma-eposta-form {    display: none; }
  .content-title .title-tools {    display: none; }
  .content-title .title-breadcrumb {    width: calc(100% - 60px);    padding: 0; }
  .content-title .title-breadcrumb ul {    display: none; }
  .content-title .title-breadcrumb h2 {    width: 100%;    height: 60px;    line-height: 60px;    text-overflow: ellipsis;    word-wrap: break-word; }
  .firma-detay .firma-sol {    display: block;    float: none;    width: 100%;    box-sizing: border-box; }
  .firma-detay .firma-resim {    width: 100%;    height: auto; }
  .firma-detay .firma-resim img {    max-width: 100%;    height: auto; }
  .firma-detay .firma-thumbs li {    width: 24%;    margin-right: 1%;    box-sizing: border-box;    margin-bottom: 10px; }
  .firma-detay .firma-thumbs li:nth-child(4n+4) {    margin-right: 0; }
  .firma-detay .firma-orta {    width: 100%;    display: block;    float: none;    margin-left: 0; }
  .firma-detay .firma-info li {    height: auto;    line-height: 22px;    padding: 10px 0;    overflow: hidden;    display: block; }
  .firma-detay .firma-info li strong {    display: block; }
  .firma-detay .firma-info li span {    display: block; }
  .firma-detay .firma-info li b {    display: none; }
  .firma-detay .firma-badges .firma-badge {    width: 49%;    margin-right: 2%;    box-sizing: border-box;    margin-bottom: 10px; }
  .firma-detay .firma-badges .firma-badge:nth-child(2n+2) {    margin-right: 0; }
  .firma-detay .firma-badges .firma-qr {    width: 49%; }
  .firma-block-left {    width: 96%;    margin: 0 auto;    float: none;    display: block; }
  .firma-photos li {    width: 32%;    margin-right: 2%;    box-sizing: border-box;    text-align: center; }
  .firma-harita {    width: 100%; }
  .tfad {    width: 100%;    text-align: center; }
  .tfad img {    width: 100%; }
  .firma-block-right {    float: none;    display: block;    width: 96%;    margin: 0 auto;    margin-top: 20px; }
  .yorum-ust .yorum-row {    width: 100%; }
  .yorum-ust .yorum-row.textarea-row {    width: 100%; }
  .yorum-btn {    width: 100%; }
  .yorum-row textarea {    height: 120px; }
  .yorum-ust .yorum-row.textarea-row {    height: 125px; }
  .yorumlar li .yorum-content {    width: calc(100% - 60px); }
  .yorumlar li.yanit .yorum-content {    width: calc(100% - 60px); }
  .archive-left {    display: none;    float: none;    width: 94%;    margin: 0 auto;    padding-top: 10px; }
  .firma-filtre {    display: block;    width: 96%;    margin: 0 auto;    box-sizing: border-box;    text-align: center; }
  .firma-filtre i {    float: none !important;    vertical-align: middle; }
  .locations li {    width: 49%;    margin-right: 2%; }
  .sozlesme {    padding: 10px 0;    font-size: 14px;    color: #555;    width: 100%; }
  .userpanel {    float: none;    margin: 0 auto;    padding: 20px 0;    width: 90%; }
  .main-blocks {    padding-top: 20px; }
  .panel-left {    width: 100%;    float: none;    box-sizing: border-box;    display: none; }
  .block-menu {    width: 100%; }
  .panel-right {    width: 100%; }
  .btn-mobile-icon {    padding: 0;    width: 30px;    text-align: center; }
  .btn-mobile-icon i {    text-align: center;    width: 30px; }
  .btn-mobile-icon span {    display: none; }
  .panel-islemler {    width: 100px; }
  .panel-menu-btn {    float: right;    margin-right: 15px;    height: 40px;    margin-top: 10px;    line-height: 40px;    font-size: 24px;    color: #fff;    width: 40px;    text-align: center;    cursor: pointer;    display: inline-block; }
  .panel-menu-btn:hover {    color: #f9bf3b; }
  .user-table {    display: block; }
  .user-table tr, .user-table tbody, .user-table thead, .user-table td, .user-table td.col-sol {    display: block;    width: 100%;    box-sizing: border-box; }
  .user-table tr {    margin-bottom: 10px; }
  .user-table td {    background: #f9f9f9; }
  .user-table td.col-sol {    font-weight: 500;    background: #ececec;    font-size: 15px; }
  .user-table tr:last-child td.col-sol {    display: none; }
  .user-table .btn {    width: 100%;    text-align: center; }
  .user-table .btn i {    float: none;    vertical-align: middle; }
  .mesaj-bilgisi {    height: auto !important;    overflow: auto !important; }
  .mesaj-bilgisi li {    float: none !important; }
  .firma-kutu {    width: 100%;    float: none;    margin-top: 20px; }
  .firma-adimlar, .firma-adim {    display: block;    width: 100%;    box-sizing: border-box; }
  .firma-adim {    border-right: 0;    border-right: 40px solid #fff; }
  .firma-adim::after {    right: -33px;    content: "\f107"; }
  .firma-panel-left, .firma-panel-right {    display: block;    float: none !important;    width: 100% !important; }
  .firma-panel-right {    padding-top: 20px; }
  .panel-left .block-menu {    margin-bottom: 20px; }
  .faaliyet-sec {    float: none; }
  .faaliyet-sec ul {    float: none;    width: 50%;    display: inline-block; }
  #preview .firma-block-right {    width: 100%; }
  .header-middle .buttons .btn {    text-align: center; }
  .giris-yap .kayit-form {    width: 94%;    box-sizing: border-box; }
  .fb-kayit {    width: 94%; }
  .form-col-2 {    width: 100%;    float: none; }
  .archive-haber .haber {    float: none;    width: 100%; }
  .archive-haber .haber-resim {    width: 100px; }
  .archive-haber .haber-resim img {    max-width: 90px; }
  .archive-haber .haber-spot {    width: calc(100% - 100px); }
  .habertext {    float: none;    width: 100%; }
  .habertext img {    max-width: 125px; }
  .habertext iframe {    width: 100%;    height: 240px; }
  .firmad {    max-width: 100%; }
  .firmad img {    max-width: 100%;    width: auto;    height: auto; }
  .list-title {    height: auto; }
  .search-tabs {    float: none;    display: table;    width: 100%;    box-sizing: border-box; }
  .search-tabs li {    display: table-cell;    width: 25%; }
  .search-tabs li a {    display: block;    width: 100%;    padding: 0;    text-align: center; }
  .list-info {    height: auto;    line-height: 18px;    padding-bottom: 10px;    text-align: center; }
  .list-types {    float: none;    display: block;    text-align: center; }
  .list-types li {    float: none; }
 }