@import url('../textfont/stylesheet.css');
@import url('line-awesome.css');
@import url('all.min.css');
@import url('swiper-bundle.min.css');
@import url('animate.css');
@import url('bootstrap.min.css');
@import url('fancybox.css');
@import url('lity.min.css');
@import url('intlTelInput.css');
@import url('aos.css');


a {
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover {
	text-decoration:none;
}

ul,li {
	padding:0px;
	margin:0px;
}
main {
	overflow:hidden;
	width:calc(100vw - 5px);
	min-height:100vh;
}

body {
	position:relative;
	font-family: "Inter", serif;
}


:root {
  --anarenk: #00A34C;
  --kirmizi: #D00000;
  --gri: #9D9E9D;
  --siyah: #1f1f1f;
  --krem: #fcfcf9;
  --turuncu: #FAA43F;
  --font2: "Unbounded", serif;
}

/* width */
.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
  background: #F6F5F0; 
}
 
/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
  background: var(--anarenk); 
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
  background: #FEDD06; 
}
.container-fluid {
	max-width:calc(100vw - 30px);	
}

.swiper {
	position:relative;
	overflow:hidden;
}

.dikeyortala {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}

/*------------------cerezpolitikasi----------------------*/
.cerezpolitikasi {
	position:fixed;
	bottom:20px;
	left:20px;
	width:400px;
	max-width:calc(100% - 40px);
	padding:20px;
	border-radius:20px;
	background:rgba(0,0,0,0.5);
	font-size:14px;
	line-height:20px;
	color:#fff;
	z-index:100000;
}
.btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:0px 20px;
	height:41px;
	border-radius:8px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.btn-ana {
	background:var(--anarenk);
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-ana:hover {
	background:#000;
	border:1px solid var(--anarenk);
	color:#fff;
}
.btn-kirmizi {
	background:var(--kirmizi);
	border:1px solid var(--kirmizi);
	color:#fff;
}
.btn-kirmizi:hover {
	background:#000;
	border:1px solid var(--kirmizi);
	color:#fff;
}
.btn-turuncu {
	background:var(--turuncu);
	border:1px solid var(--turuncu);
	color:#fff;
}
.btn-turuncu:hover {
	background:#000;
	border:1px solid var(--turuncu);
	color:#fff;
}
.btn-outline-gri {
	background:transparent;
	border:1px solid #D8D9DE;
	color:rgba(119, 122, 130, 1);
}
.btn-outline-gri:hover {
	background:transparent;
	border:1px solid var(--anarenk);
	color:rgba(119, 122, 130, 1);
}


/*------------------form----------------------*/

.form-control {
	border-radius: 8px;
	border: 2px solid #F3F3F3;
	background: #FFF;
}
.form-control[type=file] {
	line-height:40px !important;
}

.linkalt {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;	
}

/*------------------header----------------------*/

.aciklama {
	margin-bottom:24px;
}
.aciklama h1 {
	font-weight: 600;
	font-size: 24px;
	line-height: 34px;
	color: var(--yesil);
	margin-bottom:14px;
}
.aciklama ul,ol {
	list-style:none;
	margin-bottom:24px;
}
.aciklama ul li ,
.aciklama ol li 
{
	position:relative;
	padding-left:15px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--yesil);
	opacity: 1;
}
.aciklama ul li:before ,
.aciklama ol li:before 
{
	position:absolute;
	content:"";
	top:11px;
	left:0px;
	width:7px;
	height:7px;
	border-radius:4px;
	background:var(--yesil);
	opacity: 1 !important;
}
.aciklama img {
	width:100% !important;
	border-radius:20px;
	max-height:300px;
	object-fit:cover;
	margin-bottom:25px;
}
.aciklama h2 ,
.aciklama h3 ,
.aciklama h4 ,
.aciklama h5 
{
	font-weight: 700;
	font-size: 24px;
	line-height: 36px;
	color: var(--yesil);
	margin-bottom:20px;
}
.aciklama p 
{
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	color: var(--yesil);
	opacity: 1;
	margin-bottom:20px;
}
/*------------------table----------------------*/

.table {
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff;
}

.table thead {
  background-color: #E2E9EA;
}

.table thead th {
	font-size: 13px;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	color: rgba(0, 0, 0, 0.70); /* Metin rengini beyaza ayarlamak iyi olabilir */
}

.table tbody td {
	font-size: 14px;
	font-style: normal;
	font-weight: 500 !important;
	line-height: normal;
	color: rgba(0, 0, 0, 0.70); /* Metin rengini beyaza ayarlamak iyi olabilir */
}

.table tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
.table tbody tr:nth-of-type(even) {
  background-color: #F8FAFA;
}

/*------------------header----------------------*/

#header {
	position:relative;
	z-index:999;
	transition:all 0.3s ease;
}
#header.sabit {
	position:relative;
	transition:all 0.3s ease;
	background:#fff;
}
#header.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:999;
	background:#fff;
}
#header .ust {
	background: #F2F6F7;
}
#header .alt .alan {
	border-bottom:1px solid #E2E7E9;
}
#header .alan {
	display:flex;
	align-items:center;
	padding:10px 0px;
	grid-gap:30px;
}
#header .alan .ttt {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-right:auto;
}
#header .alan .ttt .icon {
	width:32px;
	height:32px;
}
#header .alan .ttt .icon img {
	width:32px;
	height:32px;
}
#header .alan .ttt .yazi {
	width:calc(100% - 32px);
	padding-left:10px;
}
#header .alan .ttt .yazi small {
	display:block;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#header .alan .ttt .yazi b {
	display:block;
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#header .alan .ustmenu {
	display:flex;
	align-items:center;
	grid-gap:30px;
}
#header .alan .ustmenu a {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#header .alan .ustmenu a:hover {
	color: var(--anarenk);
}
#header .alan .logo {
}
#header .alan .logo img {
	height:29px;
}

#header .menu {
	margin-right:auto;
}
#header .menu ul {
	list-style:none;
	display:flex;
	align-items:center;
	grid-column-gap:20px;
}
#header .menu .link-li {
	position:relative;
}
#header .menu .link-item {
	position:relative;
	display:inline-block;
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#header .menu .link-item:hover {
    color: var(--anarenk);
}

#header .menu .acilan {
	position:absolute;
	display:none;
	top:calc(100% - 5px);
	left:0px;
	width:250px;
	padding:5px 10px;
	border-radius: 0px;
	background: #ffffff;
	box-shadow: 0px 2px 30px rgba(0,0,0,0.26);
	border-top:5px solid var(--anarenk);
}
#header .menu .link-li:hover .acilan {
	display:block;
}
#header .menu .acilan ul {
	display:flex;
	align-items:flex-start;
	flex-direction:column;
	grid-column-gap:0px;
	grid-row-gap:10px;
	padding:0px;
}
#header .menu .acilan .link-item {
	line-height:24px;
    color: #000;
	padding:0px 10px;
}


#header .alan .sag a {
	position:relative;
	display:inline-flex;
	align-items:center;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	margin-left:20px;
}
#header .alan .sag a i {
	font-size: 24px;
}

#header .arama {
	position:absolute;
	top:100%;
	right:0px;
	background:var(--krem);
	padding:0px;
	overflow:hidden;
	height:0px;
	transition:all 0.3s ease;
}
#header .arama.active {
	padding:20px;
	height:auto;
}
#header .arama .form-control {
	background:transparent;
	border-radius:0px;
	border:0px;
	border-bottom:2px solid var(--siyah);
	color:var(--siyah);
    height: 36px;
    line-height: 36px;
}
#header .arama .form-control:focus {
	background:transparent !important;
	border-radius:0px !important;
	border:0px !important;
	border-bottom:2px solid var(--siyah) !important;
	color:var(--siyah) !important;
}
#header .arama .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--siyah);
  opacity: 1; /* Firefox */
}
#header .arama .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--siyah);
}
#header .arama .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--siyah);
}
#header .arama .btn {
	position:absolute;
	top:20px;
	right:20px;
	width:36px;
	height:36px;
	font-size:20px;
	color:var(--siyah);
	border-radius:9px;
	padding:0px;
	justify-content:center;
}
#header .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	height:100%;
}
#header .dil .default {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#header .dil .default img {
	height:15px;
	margin-right:5px;
}
#header .dil .default i {
	color:#000;
	font-size:20px;
}

#header .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#header .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#header .dil:hover .acilan {
	display:block;
}


/*------------------mobilheader----------------------*/

#mobilheader {
	display:none;
	align-items:center;
	flex-wrap:wrap;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	height:65px;
	padding:0px 5px;
	background:#fff;
}
#mobilheader.sabit {
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	background:var(--krem);
}
#mobilheader.heading {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:var(--krem);
}

#mobilheader .alansol {
	width:35%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

#mobilheader .alanorta {
	width:50%;
	display:flex;
	align-items:center;
}

#mobilheader .alansag {
	width:50%;
	display:flex;
	align-items:center;
	justify-content:flex-end;
}
#mobilheader .btn {
    padding: 0px 10px 0px 10px;
}
#mobilheader .btn i {
	font-size:40px;
}
#mobilheader .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5px;
}
#mobilheader .logo img {
	max-width:100%;
	max-height:100%;
}

#mobilheader .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	padding:0px 5px;
	height:100%;
}
#mobilheader .dil .default {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	border:1px solid rgba(0,0,0,0.4);
	text-transform:uppercase;
}
#mobilheader .dil .default img {
	height:15px;
	margin-right:5px;
}
#mobilheader .dil .default i {
	color:#fff;
	font-size:20px;
}

#mobilheader .dil .acilan {
	position:absolute;
	top:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#mobilheader .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#mobilheader .dil:hover .acilan {
	display:block;
}


/*------------------mobilmenu----------------------*/


#mobilmenu {
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow-y:scroll;
	z-index:1000;
	background: #fff;
	transform: translateX(-100%);
	transition:all 0.3s ease;
}

#mobilmenu .ust {
	display:flex;
	align-items:center;
	width:100%;
	height:65px;
	padding:10px;
}
#mobilmenu .ust .logo {
	max-height:100%;
	max-width:70%;
	margin-right:auto;
}
#mobilmenu .ust .kapat {
	font-size:40px;
	color:#000;
}
#mobilmenu .menu {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 0px;
}
#mobilmenu .menu ul {
	display: flex!important;
    flex-direction: column;
    align-items: center;
    list-style-type: none;
    -webkit-overflow-scrolling: touch;
    padding: 0 15px;
}
#mobilmenu .menu .link-li {
	position:relative;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    justify-content: center;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
	border-bottom:1px solid rgba(51, 51, 51, 0.1);
	padding:5px 40px 5px 5px;
}
#mobilmenu .menu .link-li:last-child {
	border-bottom:0px solid rgba(51, 51, 51, 0.1);
}
#mobilmenu .menu .link-li.hover:before {
    position:absolute;
	content:"\f105";
	top:5px;
	right:0px;
	width:30px;
	height:32px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:20px;
	color:#000;
    font-family: 'Line Awesome Free';
    font-weight: 900;
}
#mobilmenu .menu .link-item {
	font-size:14px;
	line-height:32px;
	font-weight:500;
	color:rgb(0, 0, 0);
	letter-spacing:1.8px;
}
#mobilmenu .menu .acilan {
	display:none;
	width: 100%;
}
#mobilmenu .menu .link-li:hover .acilan {
	display:block;
}
#mobilmenu .menu .acilan ul {
	width: 100%;
}

#mobilmenu .menu .acilan ul .link-li {
    min-height: 32px;
}
#mobilmenu .menu .acilan ul .link-item {
	font-size:14px;
	line-height:32px;
	color:rgb(51, 51, 51, 0.6);
}

#mobilmenu .arama {
	position:relative;
}
#mobilmenu .arama .form-control {
	border:1px solid var(--anarenk);
}
#mobilmenu .arama .btn {
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:46px;
	font-size:20px;
	color:#000;
	border-radius:9px;
	padding:0px;
	justify-content:center;
}

#mobilmenu .butonlar {
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .butonlar a {
	display:block;
	font-size:12px;
	font-weight:400;
	line-height:32px;
	color:rgb(0, 0, 0);
	letter-spacing:1.2px;
}

#mobilmenu .sosyal {
	display:flex;
	align-items:center;
	justify-content:center;
    border-top: 1px solid hsla(0,0%,60%,.2);
	padding:20px 15px;
}
#mobilmenu .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width: 40px;
	height: 40px;
	font-size:28px;
	color:rgb(0, 0, 0);
	margin-right:5px;
}
#mobilmenu .sosyal a:hover {
	color: var(--krem);
}


/*------------------slider----------------------*/

#slider {
	position:relative;
	height:85vh;
	background-size:100% auto !important;
	background-position:center bottom !important;
	background-repeat:no-repeat !important;
	padding:63px 0px 0px 0px;
}
#slider .alan {
	display:flex;
	flex-direction:column;
	align-items:center;
	height:calc(85vh - 63px);
}
#slider .alan .ust {
	width:100%;
	margin-bottom:auto;
}
#slider .alan .alt {
	width:100%;
}
#slider .yazi1 {
	color: #000;
	text-align: center;
	font-family: Unbounded;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px;
}
#slider .yazi1 span {
	display:block;
	color: var(--anarenk);
}
#slider .yazi2 {
	color: #646464;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 160% */
	margin-bottom:15px;
}
#slider .uygulamalar {
	border-radius: 18px;
	background: #F2F6F7;
	padding: 4px;
}
#slider .uygulamalar .ic {
	display:flex;
	align-items:center;
    justify-content: space-around;
	border-radius: 16px;
	border: 1px solid #D8E0E2;
	background: #FFF;
	padding:32px;
}
#slider .uygulamalar .ic .yazi {
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#slider .uygulamalar .ic .yazi b {
	display:block;
}

.formalan {
	text-align:center;
}
.formalan .tablar {
	display:inline-flex;
	background: #F3F3F3;
	border-radius: 8px;
	border: 1px solid #E5E5E5;
	margin-bottom:8px;
}
.formalan .tablar a {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;	
	padding: 16px 32px;
	border-radius: 8px;
}
.formalan .tablar a.active {
	color: var(--anarenk);
	background:#fff;
}
.formalan .form-control {
	border-radius: 8px;
	border: 1px solid #E5E5E5;
	background: #fff;
	color: #646464;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	height:54px;
}
.formalan .form {
	display:inline-flex;
	align-items:center;
	gap: 5px;
	border-radius: 12px;
	background: #F3F3F3;
	padding:4px;
}
.formalan .form .form-control {
	border-radius: 8px;
	border: 1px solid transparent;
	background: transparent;
	color: #646464;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	height:54px;
}
.formalan .icon {
	color: rgba(163, 165, 171, 1);
	font-size: 24px;
	padding:0px 5px;
}
.formalan .sol {
	display:inline-flex;
	align-items:center;
	background:#fff;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
}
.formalan .orta {
	display:flex;
	align-items:center;
	background:#fff;
	border: 1px solid #E5E5E5;
	border-radius: 8px;
}
.formalan .form .btn {
	height:54px;
}
.formalan .satir {
	display:flex;
	align-items:center;
}
.formalan .satir .bas {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.formalan .satir .formgrup {
	min-width:40%;
	display:flex;
	align-items:center;
	border-radius: 8px;
	border: 1px solid #E5E5E5;
	overflow:hidden;
}
.formalan .satir .formgrup .form-control{
	border: 0px solid #E5E5E5;
	border-radius:0px;
}
.formalan .satir .numberarti {
	display:flex;
	align-items:center;
	grid-gap:5px;
}
.formalan .satir .numberarti .form-control{
	width:50px;
	border: 0px solid #E5E5E5;
	border-radius:0px;
	text-align:center;
}
.formalan .satir .numberarti span {
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	border: 1px solid #E5E5E5;
	background: rgba(0, 0, 0, 0.05);
	font-size:20px;
	color:#000;
	cursor:pointer;
}

/*------------------ozellikler----------------------*/

.gelenadresler {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding-top:10px;
}
.gelenadresler .adressatir {
	display:inline-flex;
	align-items:center;
	gap: 5px;
	border-radius: 12px;
	background: #F3F3F3;
	padding:4px;
	cursor:pointer;
}
.gelenadresler .adressatir .adresadi {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
}
.gelenadresler .adressatir .adresadi span {
    margin-left:auto;
	font-size:22px;
	color:var(--anarenk);
}

/*------------------ozellikler----------------------*/

#ozellikler {
	position:relative;
	padding:50px 0px;
}
#ozellikler .item {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
	width:100%;
	aspect-ratio:1/1;
	padding: 25px;
    border-radius: 24px;
    min-height: 400px;
}
#ozellikler .item.bg1 {
	background: #FFEFE3;
}
#ozellikler .item.bg2 {
	background: #F8FAE9;
}
#ozellikler .item.bg3 {
	background: #FCF3FD;
}
#ozellikler .item.bg4 {
	background: #F3F9FD;
}
#ozellikler .item .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 18px;
}
#ozellikler .item .icon img {
	max-width:80%;
	max-height:80%;
}
#ozellikler .item.bg1 .icon {
	background: #EEDACA;
}
#ozellikler .item.bg2 .icon {
	background: #E9EBD4;
}
#ozellikler .item.bg3 .icon {
	background: #EFDEF0;
}
#ozellikler .item.bg4 .icon {
	background: #E5EDF3;
}
#ozellikler .item .adi {
	color: #000;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#ozellikler .item .desc {
	color: #646464;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 160% */
}

/*------------------aractipleri----------------------*/

#aractipleri {
	position:relative;
	padding:30px 0px;
}
#aractipleri .alan {
	border-radius: 40px;
	border: 1px solid #E5E5E5;
	padding:74px;
}
#aractipleri .yazi1 {
	color: #000;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:24px;
}
#aractipleri .yazi2 {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 160% */	
	margin-bottom:24px;
}
#aractipleri .yuzler {
	display:inline-block;
	padding:21px 28px;
	border-radius: 17px;
	border: 1px solid #E5E5E5;
}
#aractipleri .yuzler .yuzyazi1 {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 160% */
}
#aractipleri .yuzler img {
	height:44px;
}
#aractipleri .yuzler .yuzyazi2 {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	line-height: 24px; /* 160% */
}
.tipitem {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 32px;
    border-radius: 24px;
    background: #FAFAFA;
    cursor: pointer; /* Kullanıcıların tıklayabileceğini gösterir */
    transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
}
.tipitem.arac {
    padding: 22px;
}

.tipitem img {
    width: 100%;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.tipitem.arac img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    object-position: center;
	border-radius:10px;
}

.tipitem .adi {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.tipitem.arac .adi {
    color: #000;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.tipitem.arac .adi small{
    color: #000;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
	opacity:0.7;
}

.tipitem input {
    display: none; /* Input'ları gizle */
}

/* Seçili olan label’a border ekle ve yazı rengini değiştir */
.tipitem input:checked + .adi {
    color: var(--anarenk);
}




/*------------------footer----------------------*/

#footer {
	position:relative;
}
#footer .ust {
	position:relative;
	padding:40px 0px;
}
#footer .ust .logo {
	display:block;
	margin-bottom:41px;
}
#footer .ust .logo img {
	height:30px;
}
#footer .ust .slogan {
	color: #000;
	font-family: Unbounded;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom:41px;
}

#footer .ust .ttt {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-right:auto;
}
#footer .ust .ttt .icon {
	width:32px;
	height:32px;
}
#footer .ust .ttt .icon img {
	width:32px;
	height:32px;
}
#footer .ust .ttt .yazi {
	width:calc(100% - 32px);
	padding-left:10px;
}
#footer .ust .ttt .yazi small {
	display:block;
	color: #000;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#footer .ust .ttt .yazi b {
	display:block;
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
#footer .menubas {
	display:block;
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:25px;
}
#footer .menulink {
	display:block;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom:25px;
}
#footer .menulink:hover {
	color: var(--anarenk);
}
#footer .uygulamalar {
	border-radius: 18px;
	background: #F2F6F7;
	padding: 4px;
}
#footer .uygulamalar .ic {
	display:flex;
	flex-wrap:wrap;
	border-radius: 16px;
	border: 1px solid #D8E0E2;
	background: #FFF;
	padding:22px;
	grid-gap:10px;
}
#footer .uygulamalar .ic .yazi {
	width:100%;
	color: #000;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#footer .uygulamalar .ic .yazi b {
	display:block;
}
#footer .uygulamalar .ic a {
	width:auto;
}
#footer .uygulamalar .ic a img {
	height:35px;
}
#footer .orta {
	position:relative;
	padding:20px 0px;
	display:flex;
	align-items:center;
	grid-gap:15px;
}
#footer .sosyal {
	display:flex;
	align-items:center;
	grid-gap:5px;
	margin-right:auto;
}
#footer .sosyal a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:52px;
	height:52px;
	border-radius:50%;
	border:1px solid rgba(226, 228, 232, 1);
	font-size:20px;
	color:rgba(143, 147, 156, 1);
}
#footer .sosyal a:hover {
	color:var(--anarenk);
}
#footer .trust {
	display:block;
}
#footer .trust img {
	height:32px;
}

#footer .dil {
	display:flex;
	align-items:center;
	position:relative;
	z-index:101;
	height:100%;
}
#footer .dil .default {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	border-radius: 5px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#footer .dil .default img {
	height:15px;
	margin-right:5px;
}
#footer .dil .default i {
	color:#000;
	font-size:20px;
}

#footer .dil .acilan {
	position:absolute;
	bottom:100%;
	right:calc(50% - 20px);
	width:40px;
	padding-top:10px;
	z-index:100;
	display:none;
	z-index:10000;
}
#footer .dil .acilan .default {
	width:40px;
	height:40px;
	border-radius: 5px;
	margin-bottom:5px;
	background: #000;
	color:#fff;
	padding:10px;
	border:1px solid #fff;
}
#footer .dil:hover .acilan {
	display:block;
}
#footer .alt {
	position:relative;
	padding:20px 0px;
	border-top:1px solid #D9D9D9;
}
#footer .alt .copy {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

/*------------------modal----------------------*/
.modal {
    background: rgba(255, 255, 255, 0.7);
}
.modal-content {
    background-color: #ffffff;
    border: 0px solid rgba(0, 0, 0, .2);
    border-radius: 16px;
}
.modal .kapat {
    grid-gap:5px;
}
.modal .kapat span {
	display:flex;
	align-items:center;
	justify-content:center;
    width:32px;
	height:32px;
	border-radius:6px;
	border:1px solid #000;
	font-size:16px;
	font-weight:700;
	color:#000;
}
.modal .modalic {
	overflow-y:scroll;
	height:50vh;
	padding:17px;
}
.modal-fullscreen {
    width: 30vw;
    max-width: none;
    height: 100%;
    margin: 0;
    margin-left: 70vw;
}

/*------------------teklifpage----------------------*/

#teklifpage {
	padding:40px 0px;
}
#teklifpage .katman1 {
	display:flex;
	align-items:center;
	grid-gap:10px;
	margin-bottom:20px;
}
#teklifpage .katman2 {
	margin-bottom:20px;
}
#teklifpage .katman2 .ust {
	border-radius: 20px 20px 0px 0px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #F2F6F7;
	padding:20px;
}
#teklifpage .katman2 .ust .bilgi {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:10px;
}
#teklifpage .katman2 .ust .bilgi small {
	width:50%;
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#teklifpage .katman2 .ust .bilgi b {
	width:50%;
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#teklifpage .katman2 .ust .sag {
	padding:24px;
	border-radius: 12px;
	background: #FFF;
}
#teklifpage .katman2 .ust .sag .konum {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
#teklifpage .katman2 .ust .sag .konum .nereden {
	width:50%;
}
#teklifpage .katman2 .ust .sag .konum .nereden .bas {
	position:relative;
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
	z-index:10;
}
#teklifpage .katman2 .ust .sag .konum .nereden .bas span {
	background:#fff;
	display:inline-block;
	padding-right:10px;
}
#teklifpage .katman2 .ust .sag .konum .nereden .bas:before {
	position:absolute;
	content:"";
	top:calc(50% - 0.5px);
	right:10px;
	width:95%;
	height:1px;
	border-bottom:1px dashed rgba(177, 177, 177, 0.60);
	z-index:-1;
}
#teklifpage .katman2 .ust .sag .konum .nereden .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifpage .katman2 .ust .sag .konum .nereye {
	width:50%;
}
#teklifpage .katman2 .ust .sag .konum .nereye .bas {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
#teklifpage .katman2 .ust .sag .konum .nereye .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifpage .katman2 .ust .sag .surekm {
	color: #FAA43F;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}


#teklifpage .katman2 .alt1 {
	display:none;
	align-items:center;
	grid-gap:30px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #fff;
	padding:20px;
}
#teklifpage .katman2 .alt1.active {
	display:flex;
	align-items:center;
	grid-gap:30px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #fff;
	padding:20px;
}

#teklifpage .katman2 .alt1 .detay {
	display:flex;
	align-items:center;
	grid-gap:6px;
}
#teklifpage .katman2 .alt1 .detay small {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#teklifpage .katman2 .alt1 .detay b {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifpage .katman2 .alt1 .detay i {
	color: rgba(250, 164, 63, 1);
	font-size: 22px;
}
#teklifpage .katman2 .alt {
	display:flex;
	align-items:center;
	grid-gap:30px;
	border-radius: 0px 0px 20px 20px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #fff;
	padding:20px;
}
#teklifpage .katman2 .alt .tekrar {
	display:flex;
	align-items:center;
	grid-gap:10px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifpage .katman2 .alt .tekrar span {
	font-size:20px;
	color:rgba(0, 163, 76, 1);
}
#teklifpage .katman2 .alt .iptal {
	display:flex;
	align-items:center;
	grid-gap:10px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifpage .katman2 .alt .iptal span {
	font-size:20px;
	color:rgba(203, 0, 0, 1);
}
#teklifpage .katman2 .alt .ayrinti {
	display:flex;
	align-items:center;
	grid-gap:10px;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-left:auto;
}
#teklifpage .katman2 .alt .ayrinti span {
	font-size:20px;
	color:rgba(0, 0, 0, 1);
}
#teklifpage .katman3 {
	padding:40px 0px;
}
#teklifpage .katman3 .yazi1 {
	color: #000;
	text-align: center;
	font-family: Unbounded;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px;
}
#teklifpage .katman3 .yazi1 span {
	display:block;
	color: var(--anarenk);
}
#teklifpage .katman3 .yazi2 {
	color: #000;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 160% */
	margin-bottom:15px;
}
#teklifpage .katman4 {
	display:flex;
	flex-direction:column;
	grid-gap:20px;
}

.aracitem {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	border-radius: 20px;
	border: 1px solid var(--Border, #E4E9EA);
	padding:14px;
}
.aracitem .resimler {
	width:280px;
}
.aracitem .resimler .resim {
	width:100%;
	aspect-ratio:282/160;
	object-fit:cover;
	object-position:center;
	border-radius:8px;
}
.aracitem .resimler .swiper-pagination-bullets {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:1px;
	z-index:10;
	padding:5px 0px;
}
.aracitem .resimler .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;
}
.aracitem .resimler .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
}
.aracitem .resimler .geri ,
.aracitem .resimler .ileri 
{
    position:absolute;
	top:calc(50% - 12px);
	width:24px;
	height:24px;
	border-radius:50%;
	border: 1px solid rgba(255, 255, 255, 0.50);
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(2px);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	color:#000;
	z-index:10;
}
.aracitem .resimler .ileri {
    right:10px;
}
.aracitem .resimler .geri {
    left:10px;
}
.aracitem .bilgiler {
	width:calc(100% - 500px);
	padding:0px 30px;
}
.aracitem .bilgiler .bilgi1 {
	display:flex;
	align-items:center;
	grid-gap:10px;
	margin-bottom:10px;
}
.aracitem .bilgiler .bilgi1 .adi {
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.aracitem .bilgiler .bilgi1 .puan {
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.aracitem .bilgiler .bilgi1 .puan i {
	color: rgba(255, 193, 7, 1);
}
.aracitem .bilgiler .bilgi2 {
	display:flex;
	align-items:center;
	grid-gap:15px;
	margin-bottom:10px;
}
.aracitem .bilgiler .bilgi2 div {
	position:relative;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.aracitem .bilgiler .bilgi2 div:before {
	position:absolute;
	content:"";
	top:calc(50% - 3px);
	right:-10px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#D9D9D9;
}
.aracitem .bilgiler .bilgi2 div:last-child:before {
	display:none;
}
.aracitem .bilgiler .bilgi3 {
	display:flex;
	align-items:center;
	grid-gap:9px;
}
.aracitem .bilgiler .bilgi3 div {
	display: flex;
	padding: 4px 6px;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--Border, #E4E9EA);
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.aracitem .bilgiler .bilgi3 div img {
	height:13px;
}


.aracitem .teklif {
	width:220px;
}
.aracitem .teklif .sure {
	display: flex;
	padding: 8px 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	border-radius: 8px;
	background: #FDEFEA;
	margin-bottom:10px;
}
.aracitem .teklif .sure .yazi {
	color: #CB0000;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.aracitem .teklif .sure .gerisayim {
	color: #CB0000;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.aracitem .teklif .fiyat {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:10px;
}



/*------------------teklifmodal----------------------*/

#teklifmodal .resimler {
	width:100%;
}
#teklifmodal .resimler .resim {
	width:100%;
	aspect-ratio:282/160;
	object-fit:cover;
	object-position:center;
	border-radius:8px;
}
#teklifmodal .resimler .swiper-pagination-bullets {
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	grid-gap:1px;
	z-index:10;
	padding:5px 0px;
}
#teklifmodal .resimler .swiper-pagination-bullets .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;
}
#teklifmodal .resimler .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
}
#teklifmodal .resimler .geri ,
#teklifmodal .resimler .ileri 
{
    position:absolute;
	top:calc(50% - 12px);
	width:24px;
	height:24px;
	border-radius:50%;
	border: 1px solid rgba(255, 255, 255, 0.50);
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(2px);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:12px;
	color:#000;
	z-index:10;
}
#teklifmodal .resimler .ileri {
    right:10px;
}
#teklifmodal .resimler .geri {
    left:10px;
}


#teklifmodal .bilgiler {
	width:100%;
	padding:20px 0px;
}
#teklifmodal .bilgiler .bilgi1 {
	display:flex;
	align-items:center;
	grid-gap:10px;
	margin-bottom:10px;
}
#teklifmodal .bilgiler .bilgi1 .adi {
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#teklifmodal .bilgiler .bilgi1 .puan {
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifmodal .bilgiler .bilgi1 .puan i {
	color: rgba(255, 193, 7, 1);
}
#teklifmodal .bilgiler .bilgi2 {
	display:flex;
	align-items:center;
	grid-gap:15px;
	margin-bottom:10px;
}
#teklifmodal .bilgiler .bilgi2 div {
	position:relative;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifmodal .bilgiler .bilgi2 div:before {
	position:absolute;
	content:"";
	top:calc(50% - 3px);
	right:-10px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#D9D9D9;
}
#teklifmodal .bilgiler .bilgi2 div:last-child:before {
	display:none;
}
#teklifmodal .bilgiler .bilgi3 {
	display:flex;
	align-items:center;
	grid-gap:9px;
}
#teklifmodal .bilgiler .bilgi3 div {
	display: flex;
	padding: 4px 6px;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--Border, #E4E9EA);
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifmodal .bilgiler .bilgi3 div img {
	height:13px;
}
#teklifmodal .degerlendirme {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding:24px;
	border-radius: 12px;
	background: #F2F5F8;
}
#teklifmodal .degerlendirme .puanlar {
	display:flex;
	align-items:center;
	grid-gap:15px;
}
#teklifmodal .degerlendirme .puanlar .puanyazi {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-right:auto;
}
#teklifmodal .degerlendirme .puanlar .puan {
	display:flex;
	flex-direction:column;
	align-items:center;
}
#teklifmodal .degerlendirme .puanlar .puan b {
	display:block;
	color: #5A8E0B;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align:center;
}
#teklifmodal .degerlendirme .puanlar .puan small {
	display:block;
	color: #5A8E0B;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align:center;
}
#teklifmodal .degerlendirme .puanlar .yolculuk b {
	display:block;
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align:center;
}
#teklifmodal .degerlendirme .puanlar .yolculuk small {
	display:block;
	color: #000;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-align:center;
}
#teklifmodal .degerlendirme .barsatir {
	display:flex;
	align-items:center;
	grid-gap:15px;
}
#teklifmodal .degerlendirme .barsatir small {
	width:20%;
	color: rgba(0, 0, 0, 0.60);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#teklifmodal .degerlendirme .barsatir .dis {
	width:60%;
	height:6px;
	border-radius:3px;
	background:#E1E6EB;
}
#teklifmodal .degerlendirme .barsatir .dis .ic {
	height:6px;
	border-radius:3px;
	background:#A7CD13;
}
#teklifmodal .degerlendirme .barsatir b {
	width:20%;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#teklifmodal .fiyatsatir {
	width:100%;
	margin-bottom:10px;
}
#teklifmodal .fiyatsatir .fiyat {
	display:flex;
	align-items:center;
}
#teklifmodal .fiyatsatir .fiyat b {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#teklifmodal .fiyatsatir .fiyat.yesil b {
	color: var(--anarenk);
}
#teklifmodal .fiyatsatir .aciklama {
	color: rgba(0, 0, 0, 0.60);
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:0px;
}


/*------------------profilbilgileri----------------------*/

#profilbilgileri {
	padding:72px 0px;
}
#profilbilgileri .baslik {
	color: #000;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom:36px;
}
/*------------------surucupage----------------------*/

#surucupage {
	position:relative;
}
#surucupage .ust {
	position:relative;	
	padding:230px 0px;
	background-size:50% auto !important;
	background-position:right bottom !important;
	background-repeat:no-repeat !important;
}
#surucupage .ust .yazi1 {
	color: #000;
	text-align: center;
	font-family: Unbounded;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:15px;
}
#surucupage .ust .yazi1 span {
	display:block;
	color: var(--anarenk);
}
#surucupage .ust .yazi2 {
	color: #646464;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 160% */
	margin-bottom:15px;
}


/*------------------ozelliklersurucu----------------------*/

#ozelliklersurucu {
	position:relative;
	padding:50px 0px;
}
#ozelliklersurucu .item {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
	width:100%;
	padding:32px;
	border-radius: 24px;
}
#ozelliklersurucu .item.bg1 {
	background: #FFEFE3;
}
#ozelliklersurucu .item.bg2 {
	background: #F8FAE9;
}
#ozelliklersurucu .item.bg3 {
	background: #FCF3FD;
}
#ozelliklersurucu .item.bg4 {
	background: #F3F9FD;
}
#ozelliklersurucu .item .ust {
	display: flex;
	align-items: center;
	flex-wrap:wrap;
}
#ozelliklersurucu .item .icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border-radius: 18px;
}
#ozelliklersurucu .item .icon img {
	max-width:80%;
	max-height:80%;
}
#ozelliklersurucu .item.bg1 .icon {
	background: #EEDACA;
}
#ozelliklersurucu .item.bg2 .icon {
	background: #E9EBD4;
}
#ozelliklersurucu .item.bg3 .icon {
	background: #EFDEF0;
}
#ozelliklersurucu .item.bg4 .icon {
	background: #E5EDF3;
}
#ozelliklersurucu .item .adi {
	width:calc(100% - 80px);
	padding-left:10px;
	color: #000;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
#ozelliklersurucu .item .desc {
	color: #646464;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 160% */
}

.accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, .125);
}
.accordion-button:not(.collapsed) {
    color: var(--anarenk);
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.accordion-header {
    border-bottom: 1px solid #E7ECF1;
}

/*------------------girismodal----------------------*/

#girismodal .icon {
	text-align:center;
	margin-bottom:10px;
}
#girismodal .icon img {
	filter: drop-shadow(0px 16.775px 37.744px rgba(0, 163, 76, 0.50));
}
#girismodal .bas {
	color: #000;
	text-align:center;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-bottom:20px;
}

/*------------------surucuprofil----------------------*/

#surucuprofil {
	position:relative;
	padding:30px 0px;
}
#surucuprofil .baslik {
	color: #000;
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom:20px;
}
#surucuprofil .ustbar {
	position:relative;
	display:flex;
	align-items:center;
	grid-gap:20px;
	margin-bottom:20px;
}
#surucuprofil .ustbar .butonlar {
	position:relative;
	display:flex;
	align-items:center;
	border-radius: 8px;
	border: 1px solid var(--Border, #E4E9EA);
	padding:4px;
}
#surucuprofil .ustbar .arama {
	position:relative;
}
#surucuprofil .ustbar .arama .btn {
	position:absolute;
	top:0px;
	left:0px;
	height:52px;
	font-size:20px;
	padding:0px 15px;
}
#surucuprofil .ustbar .arama .form-control {
	height:52px;
	padding-left:42px;
}
#surucuprofil .ustbar .filtre {
	position:relative;
	display:flex;
	align-items:center;
	grid-gap:3px;
	color: #2D2D32;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.26px;
}
#surucuprofil .ustbar .filtre i {
	font-size:21px;
	color:#FAA43F;
}
#surucuprofil .ustbar .filtre span {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:16px;
	height:16px;
	border-radius:50%;
	background:#FAA43F;
	color: #FFF;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

#surucuprofil .teklifadet {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:20px;
}


.hesapmenu {
	display:flex;
	flex-direction:column;
	grid-gap:12px;
	height:100%;
	border-right:1px solid #E2E7E9;
}
.hesapmenu .menuitem {
	position:relative;
	display:block;
}
.hesapmenu .menuitem .adi {
	position:relative;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.hesapmenu .menuitem.hover .adi:before {
	position:absolute;
	content:"\f107";
	top:0px;
	right:0px;
	width:30px;
	height:100%;
	font-family: 'Line Awesome Free';
    font-weight: 900;
	color:rgba(167, 170, 184, 1);
	font-size:12px;
}
.hesapmenu .menuitem .adi span {
	width:24px;
	height:24px;
	font-size:20px;
	line-height:24px;
	color:#000;
}
.hesapmenu .menuitem.active .adi span ,
.hesapmenu .menuitem:hover .adi span 
{
	color:#FAA43F;
}
.hesapmenu .menuitem .adi b 
{
	width:calc(100% - 24px);
	padding-left:8px;
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.hesapmenu .menuitem.active .adi b ,
.hesapmenu .menuitem:hover .adi b 
{
	color: #FAA43F;
}
.hesapmenu .menuitem .acilan {
	display:none;
	flex-direction:column;
	grid-gap:8px;
	border-left:1px solid #E4E9EA;
	margin-left:9px;
	padding:10px 10px 0px 10px;
}
.hesapmenu .menuitem:hover .acilan {
	display:flex;
}
.hesapmenu .menuitem .acilan a {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.hesapmenu .menuitem .acilan a:hover {
	color: var(--anarenk);
}



.teklifitem {
	margin-bottom:20px;
}
.teklifitem .ust {
	border-radius: 20px 20px 0px 0px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #F2F6F7;
	padding:20px;
}
.teklifitem .ust .sag {
	padding:24px;
	border-radius: 12px;
	background: #FFF;
}
.teklifitem .ust .sag .konum {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.teklifitem .ust .sag .konum .nereden {
	width:50%;
}
.teklifitem .ust .sag .konum .nereden .bas {
	position:relative;
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
	z-index:10;
}
.teklifitem .ust .sag .konum .nereden .bas span {
	background:#fff;
	display:inline-block;
	padding-right:10px;
}
.teklifitem .ust .sag .konum .nereden .bas:before {
	position:absolute;
	content:"";
	top:calc(50% - 0.5px);
	right:10px;
	width:95%;
	height:1px;
	border-bottom:1px dashed rgba(177, 177, 177, 0.60);
	z-index:-1;
}
.teklifitem .ust .sag .konum .nereden .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.teklifitem .ust .sag .konum .nereye {
	width:50%;
}
.teklifitem .ust .sag .konum .nereye .bas {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
.teklifitem .ust .sag .konum .nereye .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.teklifitem .ust .sag .tarihler {
	display: inline-flex;
	padding: 8px 12px;
	align-items: center;
	gap: 19px;
	border-radius: 6px;
	background: #F2F6F7;
}
.teklifitem .ust .sag .tarihler div {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.teklifitem .ust .sag .tarihler div b {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.teklifitem .ust .sag .tarihler div small {
	color: #FAA43F;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.teklifitem .ust .sag .tarihler div i {
	color: rgba(0, 0, 0, 0.60);
	font-size: 14px;
}
.teklifitem .ust .btn {
	height:100%;
}


.teklifitem .alt {
	display:flex;
	align-items:center;
	grid-gap:30px;
	border-radius: 0px 0px 20px 20px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #fff;
	padding:20px;
}

.teklifitem .alt .detay {
	display:flex;
	align-items:center;
	grid-gap:6px;
}
.teklifitem .alt .detay small {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.teklifitem .alt .detay b {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.teklifitem .alt .detay i {
	color: rgba(250, 164, 63, 1);
	font-size: 22px;
}

/*------------------rezervasyonmodal----------------------*/

#rezervasyonmodal .kisasaat {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	grid-gap:10px;
}
#rezervasyonmodal .kisasaat span {
	display: flex;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 27px;
	border: 1px solid #E2E7E9;
	color: rgba(0, 0, 0, 0.60);
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	cursor:pointer;
}
#rezervasyonmodal .kutular {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	grid-gap:10px;
}
#rezervasyonmodal .kutular .kutu {
	position:relative;
	cursor:pointer;
}
#rezervasyonmodal .kutular .kutu input {
	display:none;
}
#rezervasyonmodal .kutular .kutu span {
	display:flex;
	align-items:center;
	padding: 8px 12px;
	grid-gap:4px;
	border-radius: 7px;
	border: 1px solid #E5E5E5;
	color: rgba(0, 0, 0, 0.40);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
#rezervasyonmodal .kutular .kutu span i {
	font-size:24px;
}

#rezervasyonmodal .kutular .kutu input:checked + span {
	color: #00A34C;
	border-radius: 7px;
	border: 1px solid #00A34C;
	background: rgba(0, 163, 76, 0.10);
}
#rezervasyonmodal .fiyatuyari {
	display:flex;
	align-items:center;
	grid-gap:8px;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#rezervasyonmodal .fiyatuyari i {
	font-size:16px;
	color:rgba(0, 163, 76, 1);
}
#rezervasyonmodal .ucretuyari {
	display: flex;
	padding: 12px 16px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid #E0610D;
	background: #FFF6EE;
	color: #E0610D;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#rezervasyonmodal .ucretuyari i {
	color: rgba(224, 97, 13, 1);
	font-size: 20px;
}
#rezervasyonmodal .fiyatalan {
	width:100%;
	display:flex;
	align-items:flex-end;
	grid-gap:10px;
}
#rezervasyonmodal .fiyatalan .btn {
	margin-left:auto;
	height:46px;
}



/*------------------yolculukitem----------------------*/

.yolculukitem {
	margin-bottom:20px;
}
.yolculukitem .ust {
	border-radius: 20px 20px 0px 0px;
	border: 1px solid var(--Border, #E4E9EA);
	padding:20px;
}
.yolculukitem .ust .sag {
	border-radius: 12px;
	background: #FFF;
}
.yolculukitem .ust .sag .konum {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
}
.yolculukitem .ust .sag .konum .nereden {
	width:50%;
}
.yolculukitem .ust .sag .konum .nereden .bas {
	position:relative;
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
	z-index:10;
}
.yolculukitem .ust .sag .konum .nereden .bas span {
	background:#fff;
	display:inline-block;
	padding-right:10px;
}
.yolculukitem .ust .sag .konum .nereden .bas:before {
	position:absolute;
	content:"";
	top:calc(50% - 0.5px);
	right:10px;
	width:95%;
	height:1px;
	border-bottom:1px dashed rgba(177, 177, 177, 0.60);
	z-index:-1;
}
.yolculukitem .ust .sag .konum .nereden .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.yolculukitem .ust .sag .konum .nereye {
	width:50%;
}
.yolculukitem .ust .sag .konum .nereye .bas {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom:10px;
}
.yolculukitem .ust .sag .konum .nereye .adres {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.yolculukitem .ust .sag .tarihler {
	display: inline-flex;
	padding: 8px 12px;
	align-items: center;
	gap: 19px;
	border-radius: 6px;
	background: #F2F6F7;
}
.yolculukitem .ust .sag .tarihler div {
	display: inline-flex;
	align-items: center;
	gap: 12px;
}
.yolculukitem .ust .sag .tarihler div b {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.yolculukitem .ust .sag .tarihler div small {
	color: #FAA43F;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.yolculukitem .ust .sag .tarihler div i {
	color: rgba(0, 0, 0, 0.60);
	font-size: 14px;
}
.yolculukitem .ust .fiyat  {
	margin-bottom:10px;
}
.yolculukitem .ust .fiyat small {
	color: #000;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.yolculukitem .ust .fiyat b {
	color: #00A34C;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.yolculukitem .ust .soforalan {
	padding:8px;
	border-radius: 10px;
	background: #F2F6F7;
}
.yolculukitem .ust .soforalan .form-control {
    border: 2px solid #F3F3F3;
}


.yolculukitem .alt {
	display:flex;
	align-items:center;
	grid-gap:30px;
	border-radius: 0px 0px 20px 20px;
	border: 1px solid var(--Border, #E4E9EA);
	background: #fff;
	padding:20px;
}

.yolculukitem .alt .detay {
	display:flex;
	align-items:center;
	grid-gap:6px;
}
.yolculukitem .alt .detay small {
	color: rgba(0, 0, 0, 0.60);
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.yolculukitem .alt .detay b {
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.yolculukitem .alt .detay i {
	color: rgba(250, 164, 63, 1);
	font-size: 22px;
}

/*------------------formresim----------------------*/

.formresim {
	position:relative;
	display:block;
}
.formresim .fres {
	position:relative;
	display:block;
}
.formresim .fres img {
	width:100%;
	aspect-ratio:365/228;
	object-fit:cover;
	object-position:center;
	border-radius: 8px;
	background: #D9D9D9;
}
.formresim .fsil {
	position:absolute;
	top:15px;
	right:15px;
	padding:2px 4px;
	border-radius:8px;
	background:var(--kirmizi);
	font-size:16px;
	color:#fff;
}

/*------------------araclarimitem----------------------*/

.araclarimitem {
	position:relative;
	display:block;
	overflow:hidden;
}
.araclarimitem .resim {
	position:relative;
	display:block;
	margin-bottom:10px;
}
.araclarimitem .resim img {
	width:100%;
	aspect-ratio:365/228;
	object-fit:cover;
	object-position:center;
	border-radius: 12px;
	background: #D9D9D9;
}
.araclarimitem .dresim {
	position:relative;
	display:none;
}

.araclarimitem .bilgiler .bilgi1 {
	display:flex;
	align-items:center;
	grid-gap:10px;
	margin-bottom:10px;
}
.araclarimitem .bilgiler .bilgi1 .adi {
	color: #000;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.araclarimitem .bilgiler .bilgi1 .puan {
	color: #808080;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.araclarimitem .bilgiler .bilgi1 .puan i {
	color: rgba(255, 193, 7, 1);
}
.araclarimitem .bilgiler .bilgi2 {
	display:flex;
	align-items:center;
	grid-gap:15px;
	margin-bottom:10px;
}
.araclarimitem .bilgiler .bilgi2 div {
	position:relative;
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.araclarimitem .bilgiler .bilgi2 div:before {
	position:absolute;
	content:"";
	top:calc(50% - 3px);
	right:-10px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#D9D9D9;
}
.araclarimitem .bilgiler .bilgi2 div:last-child:before {
	display:none;
}
.araclarimitem .editbar {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	padding:14px;
	text-align:center;
    transform: translateY(-69px);
	transition:all 0.3s ease;
}
.araclarimitem:hover .editbar {
    transform: translateY(0px);
}
.araclarimitem .editbar .editbaric {
	display: inline-flex;
	padding: 10px 18px;
	align-items: center;
	gap: 10px;
	border-radius: 10px;
	background: #FFF;
}
.araclarimitem .editbar .editbaric a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.araclarimitem .editbar .editbaric a span {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.araclarimitem .editbar .editbaric a i {
	color: #000;
	font-size: 22px;
}


/*------------------iletisimpage----------------------*/

#iletisimpage {
	position:relative;
}
#iletisimpage .katman1 {
	padding:43px 0px 43px 0px;
	background: rgba(246, 246, 246, 0.60);
	backdrop-filter: blur(7.5px);
}
#iletisimpage .katman1 .baslik {
	color: var(--anarenk);
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 42px; /* 120% */
	letter-spacing: -1.08px;
	margin-bottom:10px;
}
#iletisimpage .katman1 .ust {
	text-align:center;
	margin-bottom:40px
}
#iletisimpage .katman1 iframe {
	width:100%;
	height:400px;
	border-radius: 20px;
}
#iletisimpage .katman1 .sol {
	position:relative;
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	height:100%;
	padding:24px;
	border-radius: 20px;
	background: #FFF;
}
#iletisimpage .katman1 .sol .yazi1 {
	color: var(--anarenk);
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 42px; /* 120% */
	letter-spacing: -1.08px;
	margin-bottom:10px;
}
#iletisimpage .katman1 .sol .yazi2 {
	color: #686E77;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 138.889% */
	padding-bottom:20px;
	margin-bottom:10px;
	border-bottom:1px solid #EFEFEF;
}
#iletisimpage .katman1 .sol .bilgi {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#iletisimpage .katman1 .sol .bilgi span {
	display:flex;
	align-items:center;
	justify-content:Center;
	width:50px;
	height:50px;
	border-radius:50%;
	background:var(--anarenk);
	font-size:24px;
	color:#fff;
}
#iletisimpage .katman1 .sol .bilgi div {
	width:calc(100% - 50px);
	padding-left:15px;
}
#iletisimpage .katman1 .sol .bilgi div b {
	display:block;
	color: var(--anarenk);
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px; /* 129.412% */
}
#iletisimpage .katman1 .sol .bilgi div small {
	display:block;
	color: #686E77;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 133.333% */
	letter-spacing: 0.32px;
}
#iletisimpage .katman2 {
	padding:43px 0px;
}
#iletisimpage .katman2 .yazi1 {
	text-align:center;
	color: var(--anarenk);
	font-size: 35px;
	font-style: normal;
	font-weight: 500;
	line-height: 42px; /* 120% */
	letter-spacing: -1.08px;
	margin-bottom:10px;
}
#iletisimpage .katman2 .yazi2 {
	text-align:center;
	color: #686E77;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 25px; /* 138.889% */
	margin-bottom:30px;
}


/*------------------nav----------------------*/

.nav-link {
    display: flex;
	align-items:center;
	grid-gap:9px;
    padding: .5rem 1rem;
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
    text-decoration: none;
    transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out;
}
.nav-link span {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 9px;
	background: #D7E2E4;
	color: #000;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #FF4B55;
    background-color: transparent;
}
.nav-pills .nav-link.active span, 
.nav-pills .show>.nav-link span{
    background: #FF4B55;
	color:#fff;
}

/*------------------nav----------------------*/

.sohbetalan {
	display:flex;
	flex-direction:column;
	grid-gap:10px;
	padding:20px;
	border-radius: 8px;
    border: 2px solid #F3F3F3;
    background: #FFF;
	overflow-y:scroll;
	height:50vh;
}
.sohbetalan .sohbetsatir {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-start;
}
.sohbetalan .sohbetsatir.sag {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:flex-end;
}
.sohbetalan .sohbetsatir .sobbetmesaj {
	width:70%;
	display:flex;
	flex-direction:column;
}
.sohbetalan .sohbetsatir .sobbetmesaj {
	width:70%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	grid-gap:10px;
}
.sohbetalan .sohbetsatir.sag .sobbetmesaj {
	align-items:flex-end;
}
.sohbetalan .sohbetsatir .sobbetmesaj .adi {
	font-size:16px;
	font-weight:600;
	line-height:34px;
	color:var(--turuncu);
	padding:0px 20px;
}
.sohbetalan .sohbetsatir.sag .sobbetmesaj .adi {
	color:var(--anarenk);
}
.sohbetalan .sohbetsatir .sobbetmesaj .mesaj {
	position:relative;
	font-size:14px;
	font-weight:400;
	line-height:24px;
	color:#000;
	padding:20px;
	border-radius:20px;
	background:rgba(250,164,63,0.2);
}
.sohbetalan .sohbetsatir .sobbetmesaj .mesaj small {
	opacity:0.7;
}
.sohbetalan .sohbetsatir .sobbetmesaj .mesaj:before {
	position:absolute;
	content:"";
	bottom:100%;
	left:30px;
	border-color: transparent transparent rgba(250,164,63,0.2) transparent;
	border-style: solid;
	border-width: 10px;
	width: 0px;
	height: 0px;
}
.sohbetalan .sohbetsatir.sag .sobbetmesaj .mesaj:before {
	left:auto;
	right:30px;
	border-color: transparent transparent rgba(0,163,76,0.2) transparent;
}
.sohbetalan .sohbetsatir.sag .sobbetmesaj .mesaj {
	background:rgba(0,163,76,0.2);
	text-align:right;
}

.sohbetform {
	position:relative;
	margin-top:20px;
}
.sohbetform .form-control {
	padding-right:100px;
    height: 51px;
}
.sohbetform .btn {
	position:absolute;
	top:5px;
	right:5px;
	border-radius:5px;
}