@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

@font-face {
	font-family: Radikal;
	src: url("../font/65255153344337d8e2ecada9_radikal-lightitalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Radikal Light;
	src: url("../font/65255153344337d8e2ecadac_radikal-light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Radikal;
	src: url("../font/65255153344337d8e2ecada7_radikal-regularitalic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Radikal Regular;
	src: url("../font/65255153344337d8e2ecada8_radikal-regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Radikal;
	src: url("../font/65255153344337d8e2ecadab_radikal-mediumitalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Radikal Medium;
	src: url("../font/65255153344337d8e2ecadaa_radikal-medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}


@font-face {
	font-family: Radikal;
	src: url("../font/65255153344337d8e2ecada6_radikal-bolditalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Radikal Bold;
	src: url("../font/65255153344337d8e2ecad9e_radikal-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body {
	font-family: Radikal Medium, sans-serif;
	top: 0 !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1400px;
}

a {
	text-decoration: none;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
}

.header {
	background: #003a40;
}

.header .logo {
	margin: 12px 0;
}

.header .ustmenu {
	display: flex;
	justify-content: space-between;
}

.header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
	width: 70%;
	float: right;
	gap: 15px;
}

.header ul li a,
.header ul li a:focus {
	display: inline-block;
	padding: 37px 0;
	line-height: 15px;
	color: #dddddd;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .5px;
}

.header ul li a:hover {
	color: #fff;
	text-shadow: 0px 0px 10px #ffffff83;
}

.header ul li.katalog {
	margin-left: 50px;
}

.header ul li.siparis-ver {
	padding-top: 29px;
}

.header ul li.siparis-ver a {
	background-color: #054D83;
	padding: 8px 15px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
}

.header ul li.siparis-ver a:hover {
	background-color: #60B22D;
	color: #000;
}

.header ul li.siparis-ver a span {
	line-height: 0;
}

.header ul li.telefon {
	padding-top: 29px;
}

.header ul li.telefon a {
	border: 1px solid #dddddd;
	border-radius: 100px;
	padding: 8px 15px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 5px;
}

.header ul li.telefon a span {
	line-height: 0;
}

.slider {
	background-image: url("../images/slider.png");
	background-color: #000;
	background-size: cover;
	background-position: center right;
	padding: 100px 0;
}

.slider h1 {
	color: #fff;
	font-size: 55px;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 2.5px;
	margin-top: 63px;
}

.slider b {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: .2px;
	margin-top: 6px;
	display: block;
}

.slider p {
	color: #ddd;
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: .2px;
	margin-top: 16px;
	display: block;
	width: 60%;
	margin-bottom: 80px;
}


.slider .ozenbuton {
	border: 1px solid transparent;
	background-color: #054D83;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
}

.slider .ozenbuton:hover {
	background-color: #60B22D;
	color: #000;
}

.slider .ozenbuton2 {
	border: 1px solid #fff;
	background: transparent;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
}

.slider .ozenbuton2:hover {
	background-color: #fff;
	color: #000;
}

.urunler {
	background-color: #f4f3f1;
	padding: 100px 0;
}

.urunler h2 {
	font-family: Radikal Bold;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

.urunler .box {
	background-color: #e4e2db;
}

.urunler .box .aciklama {
	padding: 20px 25px 25px 25px;
}

.urunler .box .aciklama .baslik {
	font-family: Radikal Bold;
	color: #041e21;
	font-size: 28px;
	font-weight: 400;
	line-height: 120%;
	text-decoration: none;
	display: block;
	margin-bottom: 7px;
}

.urunler .box .aciklama p {
	font-family: Radikal Light;
	color: #041e21;
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 0;
}

.urunler .ozenbuton {
	border: 1px solid transparent;
	background-color: #054D83;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}

.urunler .ozenbuton:hover {
	background-color: #60B22D;
	color: #000;
}


.neleryapiyoruz {
	background-color: #041e21;
	padding: 100px 0;
}

.neleryapiyoruz h2 {
	font-family: Radikal Bold;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.neleryapiyoruz p {
	font-family: Radikal Regular;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin: 0;
}

.neleryapiyoruz hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-bottom: 1px solid #87f0fb;
}

.neleryapiyoruz .detay {
	margin-top: 100px;
}

.neleryapiyoruz .detay h3 {
	font-family: Radikal Bold;
	font-size: 48px;
	line-height: 110%;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	width: 55%;
	margin-bottom: 20px;
}

.neleryapiyoruz .detay p {
	font-family: Radikal Regular;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: left;
	margin: 0;
	width: 50%;
}

.neleryapiyoruz .ozenbuton2 {
	font-family: Radikal Light;
	border: 1px solid #fff;
	background: transparent;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
	margin-top: 20px;
	display: inline-block;
	font-size: 20px;
}

.neleryapiyoruz .ozenbuton2:hover {
	background-color: #fff;
	color: #000;
}

.neleryapiyoruz .detay h4 {
	font-family: Radikal Medium, sans-serif;
	font-size: 17px;
	line-height: 110%;
	font-weight: 500;
	color: #fff;
	letter-spacing: 1px;
	width: 55%;
	margin-bottom: 20px;
}

.neleryapiyoruz .detay ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-grid;
}

.neleryapiyoruz .detay ul li {
	margin-bottom: 5px;
	padding-right: 15px;
	color: #dfdfdf;
	border-bottom: 1px solid #00626c;
	padding-bottom: 5px;
}

.neleryapiyoruz .detay ul li a {
	color: #dfdfdf;
	list-style: none;
	text-decoration: none;
	font-size: 14px;
}

.neleryapiyoruz .detay ul li a:before {
	content: "\F28A";
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	font-size: 6px;
	margin-right: 6px;
	position: relative;
	top: -2px;
}

.altiletisim {
	background-color: #f4f3f1;
	padding: 100px 0;
}

.altiletisim h2 {
	font-family: Radikal Bold;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

.altiletisim .iletisimbox {
	box-shadow: 0 2px 5px #0003;
	background-color: #fff;
	display: flex;
	width: 80%;
	margin: 0 auto;
}

.altiletisim .iletisimbox b {
	font-family: Radikal Medium, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}

.altiletisim .iletisimbox p {
	font-family: Radikal Light;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 50px;
}

.altiletisim .iletisimbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.altiletisim .iletisimbox .liste {
	display: flex;
	align-items: center;
	color: #fff;
	width: 80%;
	margin-bottom: 15px;
}

.altiletisim .iletisimbox .liste .icon {
	font-size: 30px;
	margin-right: 15px;
}

.altiletisim .iletisimbox .liste .yazi {
	font-family: Radikal Light;
	font-size: 14px;
	font-weight: 300;
}

.altiletisim .iletisimbox .bgdiv {
	background-image: url("../images/iletisimbg.png");
	padding: 80px 40px;
	background-position: right;
	background-size: cover;
	width: 40%;
}

.altiletisim .iletisimbox .icerikalan {
	width: 60%;
	padding: 108px 70px;
}

.altiletisim .iletisimbox .icerikalan label {
	font-size: 15px;
	margin-bottom: 5px;
}

.altiletisim .iletisimbox .icerikalan input {
	border-radius: 0;
	padding: 7px 10px;
	font-size: 13px;
}

.altiletisim .iletisimbox .icerikalan p {
	font-family: Radikal Medium, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	margin: 0;
}

.altiletisim .iletisimbox .icerikalan .ozenbuton {
	border: 1px solid transparent;
	background-color: #054D83;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
}

.altiletisim .iletisimbox .icerikalan .ozenbuton:hover {
	background-color: #60B22D;
	color: #000;
}

.footer {
	background-color: #041e21;
	padding: 50px 0 30px 0;
}

.footer h4 {
	color: #fff;
	font-size: 18px;
}

.footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer ul li {
	margin-bottom: 3px;
}

.footer ul.sosyalmedya {
	display: flex;
	gap: 10px;
}

.footer ul.sosyalmedya li a {
	color: #c5c5c5;
	text-decoration: none;
}

.footer ul.sosyalmedya li a:hover {
	color: #fff;
}

.footer ul li a {
	color: #dddddd;
	font-size: 13px;
	text-decoration: none;
	letter-spacing: .5px;
}

.footer ul li a:hover {
	color: #fff;
	text-shadow: 0px 0px 10px #ffffff83;
}

.footer .iletisimbilgi {
	display: flex;
	gap: 10px;
	flex-direction: column;
	margin-bottom: 20px;
	margin-top: 20px;
}

.footer .iletisimbilgi .bilgisi {
	display: flex;
}

.footer .iletisimbilgi .icon {
	width: 10%;
	color: #fff;
	font-size: 13px;
}

.footer .iletisimbilgi .bilgi {
	width: 90%;
	color: #fff;
	font-size: 13px;
}

.footer .iletisimbilgi .bilgi a {
	color: #fff;
	font-size: 13px;
	text-decoration: none;
}

.footer .iletisimbilgi .bilgi a:hover {
	color: #c5c5c5;
}

.footer .copy {
	padding-top: 3px;
}

.footer .copy p {
	color: #c5c5c5;
	font-size: 13px;
	letter-spacing: .5px;
}

.footer .dijiworks {
	text-align: right;
}

.footer .dijiworks a {
	opacity: 0.6;
}

.footer .dijiworks a:hover {
	opacity: 1;
}

.slider-container {
	position: relative;
	width: 100%;
	/* sen kendi ihtiyacına göre değiştirebilirsin */
	height: 476px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 10px;
}

.slides {
	display: flex;
	transition: transform 0.5s ease-in-out;
}

.slides a {
	flex: 0 0 100%;
}

.slides img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.slider-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	border: none;
	padding: 7px 12px;
	cursor: pointer;
	border-radius: 50%;
	z-index: 10;
	font-size: 10px;
}

.prev {
	right: 45px;
	top: 94%;
}

.next {
	right: 10px;
	top: 94%;
}

.sektorel {
	margin: 70px 0;
	text-align: center;
}

.sektorel .owl-nav {
	position: absolute;
	top: 48%;
	width: 100%;
}

.sektorel .owl-nav .owl-next {
	float: left !important;
	margin-left: 15px !important;
}

.sektorel .owl-nav .owl-prev {
	float: right !important;
	margin-right: 15px !important;
}

.product-category-img a {
	position: relative;
	display: block;
}

.product-category-img a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #00376c;
	opacity: 0.4;
	left: 0;
	top: 0;
}

.product-category-img a img {
	width: 100%;
	transition: 0.6s;
}

.product-category-inner {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 30px 20px;
}

.product-category-inner a {
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 5px;
	display: inline-block;
}

.urunler .yesilbuton {
	border: 1px solid transparent;
	background-color: #60B22D;
	padding: 20px 50px;
	color: #000;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	font-size: 20px;
	border-radius: 100px;
}

.urunler .yesilbuton:hover {
	background-color: #054D83;
	color: #fff;
}


.max-with-560 {
	max-width: 560px;
}

.sayfa-basligi {
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	background-color: #000;
	grid-template-rows: auto;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-columns: 1fr;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 200px;
	max-height: 100vh;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	position: relative;
}

.sayfa-basligi h1 {
	text-align: center;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Radikal Medium, sans-serif;
	font-size: 44px;
	font-weight: 700;
	line-height: 120%;
}

.sayfa-basligi-icerik {
	z-index: 2;
	grid-row-gap: 10px;
	color: #fff;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 50px auto;
	padding-left: 16px;
	padding-right: 16px;
	font-family: Radikal Regular, sans-serif;
	font-size: 16px;
	line-height: 140%;
	display: flex;
	position: relative;
}

.baslik-resim {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0%;
}

#languageDropdown+.dropdown-menu {
	background: #003a40;
	float: left;
	width: 100%;
	display: none;
	border-radius: 0 !important;
	margin-top: -2px !important;
	border: 0;
}

#languageDropdown+.dropdown-menu li a {
	padding: 10px 20px;
}

#languageDropdown+.dropdown-menu li a:hover {
	background: #054D83;
	color: #fff;
}

.dropdown-menu.show {
	display: block !important;
}


.iletisim {
	background-color: #f4f3f1;
	padding: 100px 0;
}

.iletisim h2 {
	font-family: Radikal Bold;
	font-size: 28px;
	font-weight: 700;
	color: #000;
	letter-spacing: 1px;
	margin-bottom: 50px;
}

.iletisim .iletisimbox {
	box-shadow: 0 2px 5px #0003;
	background-color: #fff;
	display: flex;
	width: 80%;
	margin: 0 auto;
}

.iletisim .iletisimbox b {
	font-family: Radikal Medium, sans-serif;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	color: #fff;
}

.iletisim .iletisimbox p {
	font-family: Radikal Light;
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-bottom: 50px;
}

.iletisim .iletisimbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.iletisim .iletisimbox .liste {
	display: flex;
	align-items: flex-start;
	color: #fff;
	width: 80%;
	margin-bottom: 15px;
}

.iletisim .iletisimbox .liste .icon {
	font-size: 15px;
	margin-right: 15px;
}

.iletisim .iletisimbox .liste .yazi {
	font-family: Radikal Light;
	font-size: 14px;
	font-weight: 300;
}

.iletisim .iletisimbox .bgdiv {
	background-image: url("../images/iletisimbg.png");
	padding: 80px 40px;
	background-position: right;
	background-size: cover;
	width: 40%;
}

.iletisim .iletisimbox .icerikalan {
	width: 60%;
	padding: 108px 70px;
}

.iletisim .iletisimbox .icerikalan label {
	font-size: 15px;
	margin-bottom: 5px;
}

.iletisim .iletisimbox .icerikalan input {
	border-radius: 0;
	padding: 7px 10px;
	font-size: 13px;
}

.iletisim .iletisimbox .icerikalan p {
	font-family: Radikal Medium, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #000;
	margin: 0;
}

.iletisim .iletisimbox .icerikalan .ozenbuton {
	border: 1px solid transparent;
	background-color: #054D83;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
}

.iletisim .iletisimbox .icerikalan .ozenbuton:hover {
	background-color: #60B22D;
	color: #000;
}

.hakkimizda {
	padding: 100px 0;
	text-align: center;
}

.hakkimizda p {
	font-family: Radikal Regular, sans-serif;
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 10px;
}

.hakkimizda h2 {
	color: #000;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Radikal Regular, sans-serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 15px;
}

.urundetay {
	padding: 100px 0;
}

.galeri {
  margin: 0;
  padding: 0;
  border-radius: 0px;
  width: calc(100% - 20px);
  display: inline-block;
  height: auto;
  font-family: "Source Sans Pro", sans-serif;
}
.galeri .all {
  width: 100%;
  height: auto;
  display: inline-block;
}
.galeri .all .slider {
  width: auto;
  height: auto;
  overflow: hidden;
  border-radius: 3px;
  position: relative;
  padding: 0;
}
.galeri .all .slider .owl-nav, .galeri .all .slider .owl-dots {
  display: none;
}
.galeri .all .slider:hover .left {
  visibility: visible;
  opacity: 1;
  left: 20px;
}
.galeri .all .slider:hover .right {
  visibility: visible;
  opacity: 1;
  right: 20px;
}
.galeri .all .slider .item-box {
  padding: 0px;
  overflow: hidden;
  width: 100%;
  position: relative;
  border-radius: 0px;
}
.galeri .all .slider .left {
  position: absolute;
  z-index: 1;
  top: 167px;
  left: -20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: left ease 0.25s;
  transform: rotate(0deg);
  background: url(http://svgshare.com/i/2V9.svg) top left;
}
.galeri .all .slider .left:hover {
  visibility: visible;
  opacity: 1;
  left: 20px;
  background: url(http://svgshare.com/i/2UW.svg) top left;
  transform: rotate(180deg);
}
.galeri .all .slider .left.nonl {
  left: -20px;
  opacity: 0;
  visibility: hidden;
}
.galeri .all .slider .right {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 167px;
  right: -20px;
  width: 40px;
  height: 40px;
  visibility: hidden;
  opacity: 0;
  transition: right ease 0.25s;
  background: url(../images/arrow-prev-small-svgrepo-com.svg) top left;
  transform: rotate(180deg);
}
.galeri .all .slider .right:hover {
  visibility: visible;
  opacity: 1;
  right: 20px;
  background: url(http://svgshare.com/i/2UW.svg) top left;
  transform: rotate(0deg);
}
.galeri .all .slider .right.nonr {
  right: -20px;
  opacity: 0;
  visibility: hidden;
}
.galeri .all .slider-two {
  width: auto;
  height: auto;
  overflow: hidden;
  position: relative;
}
.galeri .all .slider-two .owl-nav, .galeri .all .slider-two .owl-dots {
  display: none;
}
.galeri .all .slider-two:hover .left-t {
  visibility: visible;
  opacity: 1;
  left: 3px;
}
.galeri .all .slider-two:hover .right-t {
  visibility: visible;
  opacity: 1;
  right: 3px;
}
.galeri .all .slider-two .item {
  transition: all ease 0.25s;
  border-radius: 0px;
  border: solid 2px #e6ecf2;
  cursor: pointer;
  background-size: cover;
}
.galeri .all .slider-two .item.active {
  border: solid 2px #000;
}
.galeri .all .slider-two .owl-stage {
  padding: 20px 0;
}
.galeri .all .slider-two .left-t {
  transform: rotate(180deg);
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 20px;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.25s;
  width: 40px;
  height: 85px;
  background: no-repeat rgba(93, 116, 143, 0.85) url(../images/arrow-next-small-svgrepo-com.svg) center center;
  background-size: contain;
  left: -40px;
}
.galeri .all .slider-two .left-t:hover {
  visibility: visible;
  opacity: 1;
  left: 0;
}
.galeri .all .slider-two .left-t.nonl-t {
  left: -40px;
  opacity: 0;
  visibility: hidden;
}
.galeri .all .slider-two .right-t {
  background: no-repeat rgba(93, 116, 143, 0.85) url(../images/arrow-next-small-svgrepo-com.svg) center center;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 20px;
  right: -40px;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.25s;
  width: 40px;
  height: 85px;
  background-color: rgba(93, 116, 143, 0.85);
  background-size: contain;
}
.galeri .all .slider-two .right-t:hover {
  visibility: visible;
  opacity: 1;
  right: 0;
}
.galeri .all .slider-two .right-t.nonr-t {
  right: -40px;
  opacity: 0;
  visibility: hidden;
}
.skiptranslate {
	display: none;
}

.teklif-formu {
    box-shadow: 0 2px 5px #0003;
    background-color: #fff;
    padding: 20px;
}
.teklif-formu input {
    border-radius: 0;
    padding: 7px 10px;
    font-size: 13px;
}
.teklif-formu textarea {
    border-radius: 0;
    padding: 7px 10px;
    font-size: 13px;
}
.teklif-formu .ozenbuton {
	border: 1px solid transparent;
	background-color: #054D83;
	padding: 5px 25px;
	color: #fff;
	text-decoration: none;
}
.teklif-formu .ozenbuton:hover {
	background-color: #60B22D;
	color: #000;
}
.teklif-formu input[readonly] {
    background-color: #f0f0f0 !important;
    color: #333;
    cursor: not-allowed;
}