html, body {
	height: 100%;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Roboto Slab, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
a {
    color: #00263b;
    text-decoration: none;
}
img, a {
    border: 0px;
    outline: 0;
}
strong {
	display: inline-block;
}
table, button, button:active, button:hover, button:focus {
    outline: none;
}
body{	
	background-color: #f1f1f1;
}
table td, table th { padding: 0px; text-align: left; margin: 0px; }
table { border: 0px; border-spacing: 0px; }
select {
	color: #e16050 !important;
}
button {
	font-family: Roboto Slab, Verdana, Arial, Helvetica, sans-serif;
}
.MtrWebCnt {
	display: block;
	width: 100%;
}
.MtrWebCntX {
	display: table;
	width: 100%;
	height: 100%;
}

.MtrWebUstLnk {
	width: 100%;
    display: block;
    color: white;
    text-decoration: none;
	text-align: center;
    background-color: #105f71;
	font-size: 0;
	margin: 0;
    padding: 5px 5px;
}
.MtrWebUstLnk a {
	display: inline-block;
	margin: 0px 5px;
    color: white;
	font-size: 17px;
	padding: 10px 30px;
}
.MtrWebUstLnk a:hover {
	background-color: red;
}
.MtrWebUstLnkIc {
	display: inline-block;
}
.MtrWebUstLnkIc:last-child {
	border-right: 0px;
}

.MtrWebLogoDiv {
	display: inline-block;
	float: left;
	color: white;
    font-size: 14px;
}
.MtrWebLogoDiv a {
    color: #ffffff;
    text-decoration: none;
}
.MtrWebLogoTable {
	width: 100%;
	height: 100%;
}
.MtrWebLogoTable .td1 {
	vertical-align: bottom;
}
.MtrWebLogoTable .td2 {
	vertical-align: top;
}
.MtrWebLogoDiv .MtrWebLogoImg {
    width: 50px;
    height: 50px;
	float: left;
    background-image: url(../../resx/logo.png);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center center;
}
.MtrWebLogoDiv .MtrWebLogoYaziDiv {
	display: inline-block;
	float: left;
	height: 50px;
}
.MtrWebLogoDiv .MtrWebLogoYazi, .MtrWebLogoDiv .MtrWebLogoYaziAlt {
	display: inline-block;
	white-space: nowrap;
	float: left;
}
.MtrWebUst {
	display: inline-block;
	width: 100%;
}
.MtrWebUstDis {
	display: inline-block;
	width: 100%;
    padding: 0px;
	text-align: right;
    background-color: #105f71;
    
}

.MtrWebOdaDiv {
	display: inline-block;
	width: 100%;
}
.MtrWebOdaDivYakinda {
	padding: 10px;
	border-left: 1px solid #c1bfbf;
	border-right: 1px solid #c1bfbf;
    font-family: Roboto Slab,sans-serif;
}

.MtrWebOrta {
	display: inline-block;
	width: 100%;
	font-size: 0;
	text-align: center;
}

.MtrWebOrtaAnaSayfa {
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.MtrWebOrtaKayit, .MtrWebOrtaGirisYap, .MtrWebOrtaUnuttum {
	background-color: #ffffff;
}

.MtrWebOrtaBulunamadi {
	padding-left: 6px;
	padding-right: 6px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 50px;
	padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
	box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
}

.MtrWebAlt {
    background-color: #105f71;
    border-width: 0;
    border-top-width: 0px;
    border-bottom-width: 0px;
    height: auto;
	width: 100%;
    display: inline-block;
    text-align: center;
	padding-bottom: 10px;
}
.MtrWebAlt > div {
	display: inline-block;
	font-size: 14px;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 2px #000000;
	font-weight: bold;
	margin: 0px;
	margin-top: 6px;
}
.MtrWebAlt .MtrWebFooterLnk {
	color: #FFC107;
}
.MtrWebBlog {
	text-align: left;
    margin: 0 auto;
	max-width: 480px;
	min-width: 300px;
	width: 100%;
    background-color: #ffffff;
    border: 7px solid rgba(255, 255, 255, 0.31);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    -o-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.MtrWebBloglar {
    width: 100%;
    max-width: none;
    max-width: unset;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
}
.MtrWebBlogGirisler {
    max-width: 400px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
	box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
}
.MtrWebInput {
	display: block;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    color: #000000;
    padding: 8px;
    font-family: Lato;
    font-weight: 400;
    font-size: 15px;
}
.MtrWebInput::placeholder {
	color: #e16050;
}
.MtrWebInput:-ms-input-placeholder {
	color: #e16050;
}
.MtrWebInput::-ms-input-placeholder {
	color: #e16050;
}
.MtrWebBlogTablo {
	width: 100%;
	background-color: white;
	text-align: center;
	margin: 0 auto;
}
.MtrWebBlogTablo th {
	padding: 8px;
	text-align: center;
}
.MtrWebBlogTabloIc > td {
	padding: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
    vertical-align: middle;
	text-align: center;
}
.MtrWebBlogBaslikMavi {
	text-align: center;
	background-color: #105f71;
    color: #fff;
	text-shadow: 2px 2px #1c1d1f;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
	margin: 0;
	
}
.MtrWebBlogBaslikMavi > div {
	text-align: center;
	padding: 10px;
}
.MtrWebBlogIcerik {
	display: inline-block;
    width: 100%;
	padding: 2px 20px;
	min-height: 150px;
	text-align: center;
}
.MtrWebBlogAna {
    width: auto;
	display: inline-block;
	float: left;
    max-width: none;
    max-width: unset;
	background-color: unset;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 14px;
}

@media (min-width: 650px) {
.SonKull {
width:50% !important;
    
}    
}


.MtrWebBlogAna .MtrWebBlogIcerik {
	margin: 0;
	padding: 2px;
	border-left: 1px solid #c1bfbf;
    border-right: 1px solid #c1bfbf;
    border-bottom: 1px solid #dedede;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.MtrWebBlogAna .MtrWebBlogIcerik > div:last-child {
    border-bottom: 0px;
}
.MtrWebBlogSonKayit {
    padding-left: 5px;
}
.MtrWebBlogIcon {
	display: inline-block;
	margin: 0 auto;
}
.MtrWebOdaBaslik {
    background-color: #105f71;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    
}
.MtrWebBlogBaslikMavi *::-moz-selection {
    background-color: #105f71;
    color: white;
}

.MtrWebBlogBaslikMavi *::selection {
    background-color: #105f71;
    color: white;
}
.MtrWebOnlineSayi > div, .MtrWebOdaBaslik > div {
	font-size: 17px;
    font-weight: 400;
    font-family: Lato;
    text-align: center;
}
.MtrWebOdaBaslik > div {
    color: white;
    text-shadow: 2px 2px #105f71;
}
.MtrWebBlogLink {
 	width: 100%;
	background-color: #105f71;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	margin-bottom: 15px;
	padding: 6px;
}
.MtrWebOnlineSayi {
    background-color: #105f71;
	margin-bottom: 15px;
	border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
   
}
.MtrWebOnlineSayi > div {
    color: #ffffff;
    text-shadow: 1px 1px #000000;
	padding-bottom: 2px;
    padding-top: 2px;
}
.MtrWebBlogAna h1, .MtrWebBlogAna h2, .MtrWebBlogAna h3, .MtrWebBlogAna h4, .MtrWebOdaBaslik h1, .MtrWebOdaBaslik h2, .MtrWebOdaBaslik h3, .MtrWebOdaBaslik h4, .MtrWebOdaBaslik strong, .MtrWebBlogBaslikMavi strong {
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
    font-family: Roboto Slab, sans-serif;
}
.MtrWebBlogAna h1, .MtrWebOdaBaslik h1, .MtrWebOdaBaslik h2, .MtrWebOdaBaslik h3, .MtrWebOdaBaslik h4, .MtrWebOdaBaslik strong, .MtrWebBlogBaslikMavi strong {
    font-size: 24px;
}
.MtrWebBlogAna h2, .MtrWebBlogAna h3, .MtrWebBlogAna h4 {
    font-size: 22px;
}
.MtrWebOdaTablo {
	color: #105f71;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	table-layout: fixed;
}

.MtrWebOdaTablo td {
	text-align: center;
}
.MtrWebOdaTablo .MtrOdaButonTd {
	white-space: nowrap;
}
.MtrWebOdaTabloBaslikTr > td {
	padding: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
    vertical-align: middle;
}
.MtrWebOdaTabloBaslikTr td {
    border-right: 1px solid #c1bfbf;
    border-bottom: 1px solid #dedede;
    font-family: Roboto Slab, sans-serif;
}
.MtrWebOdaTabloBaslikTr td:first-child {
    border-left: 1px solid #c1bfbf;
}
.MtrWebOdaTabloTr {
    color: #000000;
	font-weight: bold;
}
.MtrWebOdaTabloTr > td {
	padding: 6px;
}
.MtrWebOdaTabloTr td {
    border-right: 1px solid #c1bfbf;
    border-bottom: 1px solid #dedede;
    font-family: Roboto Slab,sans-serif;
}
.MtrWebOdaTabloTr td:first-child {
    border-left: 1px solid #c1bfbf;
}
.MtrWebOdaTabloTr .MtrWebOdaGirIconTd {
    padding: 0;
}
.MtrWebOdaTabloTr .MtrWebOdaGirIconTd > div {
    background-image: url(../../resx/asagiok.png);
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center center;
	display: inline-block;
	width: 30px;
	height: 30px;
}

.MtrSatirTam {
	width: 100%;
	margin: 2px 0px;
	display: inline-block;
	float: left;
}
.MtrSatir50Sol {
	width: calc(50% - 1px);
	display: inline-block;
	float: left;
}
.MtrSatir50Sag {
	width: calc(50% - 1px);
	margin-left: 2px;
	display: inline-block;
	float: left;
}
.MtrSatir30A {
	width: calc(30% - 1px);
	display: inline-block;
	float: left;
}
.MtrSatir30B {
	width: calc(30% - 1px);
	margin-left: 2px;
	display: inline-block;
	float: left;
}
.MtrSatir40Sag {
	width: calc(40% - 2px);
	margin-left: 2px;
	display: inline-block;
	float: left;
}
.MtrSatirTamHatirla {
	text-align: center;
}
.MtrSatirTamHatirla > label {
	display: inline-block;
	width: auto;
	cursor: pointer; cursor: hand;
	margin-left: 5px;
}

.MtrWebForm button {
	margin-top: 10px;
	padding: 10px 40px;
	width: 100%;
}

.MtrWebForm a {
	display: inline-block;
	margin-top: 10px;
}
.MtrWebForm .MtrButonUnuttum, .MtrWebForm .MtrButonGirisSayfasi {
	width: 100%;
	margin-top: 0px;
}

.MtrButonGenel50, a.MtrButonGenel50 {
	width: 50%;
	margin-top: 0px;
	float: left;
}

.MtrButonGenel50Mr, a.MtrButonGenel50Mr {
	margin-left: 2px;
	margin-top: 0px;
	float: left;
	width: 45%;
	width: expression(50% - 2px);
	width: -webkit-calc(50% - 2px);
	width: -moz-calc(50% - 2px);
	width: -o-calc(50% - 2px);
	width: calc(50% - 2px);
}
.MtrDivClr {
	clear: both;
}
.MtrSatirTamKod {
	margin: 2px 0px;
	width: 100%;
	display: inline-block;
	float: left;
}
.MtrSatirTamKod #degisbtn {
	float: right;
	display: inline-block;
	cursor: pointer; cursor: hand;
	width: 45px;
	height: 45px;
}
.MtrSatirTamKod #gvnrsm {
	float: right;
	display: inline-block;
	margin-left: 4px;
	margin-top: 5px;
	width: 70px;
	height: 35px;
}
.MtrSatirTamKod > div {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 5px;
}
.MtrSatirTamKod > div > * {
	width: 100%;
}

.MtrWebOrtaSalonMobil {
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
}

.MisafirDiv {
	width: 100%;
	text-align: center;
}

.FaceGirisDiv {
	width: 100%;
	text-align: center;
}

.MisafirCinsDiv > div, .MisafirCinsDiv > label {
	display: inline-block;
}

.MtrWebOrtaSalon {
	width: 100%;
	max-width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.MtrWebOrtaSalon > div {
	width: 100%;
	max-width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0 auto;
}
.MtrWebOrtaSalon iframe {
	overflow: hidden;
}
.MtrWebOrtaSalon .MtrWebBlog {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border: 0px;
}
.MtrWebOrtaSalon iframe {
	height: 100%; 
	width: 100%;
}
.MtrWebOrtaSalonMobil iframe {
	height: 100%; 
	max-width: 100% !important;
	width: 100vw !important;
}
.MtrWebButon {
	display: inline-block;
    padding: 8px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer; cursor: hand;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
	text-shadow: 1px 1px #000000;
}
.MtrButonYesil {
	background-color: #006633;
	background-repeat: repeat-x;
	border-color: #006633;
	color: white;
}
.MtrButonYesil:focus, .MtrButonYesil:hover {
	background-color: #006633;
	background-position: 0 -15px;
}

.MtrButonYesil.active, .MtrButonYesil:active {
	background-color: #006633;
	border-color: #006633;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonYesil.disabled, .MtrButonYesil:disabled, .MtrButonYesil[disabled] {
	background-color: #18881e;
	background-image: none;
}

.MtrButonKirmizi {
	background-color: #e01c2e;
	background-repeat: repeat-x;
	border-color: #ab1522;
	color: white;
}
.MtrButonKirmizi:focus, .MtrButonKirmizi:hover {
	background-color: #b31422;
	background-position: 0 -15px;
}

.MtrButonKirmizi.active, .MtrButonKirmizi:active {
	background-color: #b31422;
	border-color: #ab1522;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonKirmizi.disabled, .MtrButonKirmizi:disabled, .MtrButonKirmizi[disabled] {
	background-color: #b31422;
	background-image: none;
}

.MtrButonTuruncu {
	background-color: #f39822;
	background-repeat: repeat-x;
	border-color: #925910;
	color: white;
}
.MtrButonTuruncu:focus, .MtrButonTuruncu:hover {
	background-color: #d0821e;
	background-position: 0 -15px;
}

.MtrButonTuruncu.active, .MtrButonTuruncu:active {
	background-color: #d0821e;
	border-color: #925910;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonTuruncu.disabled, .MtrButonTuruncu:disabled, .MtrButonTuruncu[disabled] {
	background-color: #d0821e;
	background-image: none;
}

.MtrButonBeyaz {
	text-shadow: 0 1px 0 #fff;
	background-color: #e0e0e0;
	background-repeat: repeat-x;
	border-color: #cccccc;
	color: #333333;
}
.MtrButonBeyaz:focus, .MtrButonBeyaz:hover {
	background-color: #ffffff;
	background-position: 0 -15px;
}

.MtrButonBeyaz.active, .MtrButonBeyaz:active {
	background-color: #ffffff;
	border-color: #dbdbdb;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonBeyaz.disabled, .MtrButonBeyaz:disabled, .MtrButonBeyaz[disabled] {
	background-color: #ffffff;
	background-image: none;
}

.MtrButonMavi {
	background-color: #044b9d;
	background-repeat: repeat-x;
	border-color: #044b9d;
	color: #fff;
}
.MtrButonMavi:focus, .MtrButonMavi:hover {
	background-color: #044b9d;
	background-position: 0 -15px;
}

.MtrButonMavi.active, .MtrButonMavi:active {
	background-color: #044b9d;
	border-color: #044b9d;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonMavi.disabled, .MtrButonMavi:disabled, .MtrButonMavi[disabled] {
	background-color: #044b9d;
	background-image: none;
}

.MtrButonSari {
	background-image: -webkit-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
	background-image: -o-linear-gradient(top, #f0ad4e 0, #eb9316 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
	background-image: linear-gradient(to bottom, #f0ad4e 0, #eb9316 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #e38d13;
	color: #fff;
}
.MtrButonSari:focus, .MtrButonSari:hover {
	background-color: #eb9316;
	background-position: 0 -15px;
}

.MtrButonSari.active, .MtrButonSari:active {
	background-color: #eb9316;
	border-color: #e38d13;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonSari.disabled, .MtrButonSari:disabled, .MtrButonSari[disabled] {
	background-color: #eb9316;
	background-image: none;
}

.MtrButonGri {
	background-color: #6383a0;
	background-repeat: repeat-x;
	border-color: #255786;
	color: #fff;
}
.MtrButonGri:focus, .MtrButonGri:hover {
	background-color: #4a6175;
	background-position: 0 -15px;
}

.MtrButonGri.active, .MtrButonGri:active {
	background-color: #4a6175;
	border-color: #255786;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonGri.disabled, .MtrButonGri:disabled, .MtrButonGri[disabled] {
	background-color: #4a6175;
	background-image: none;
}



.oky {
	background-color: #088942;
	background-repeat: repeat-x;
	border-color: #ffffff00;
	color: #fff;
}
.btk {
	background-color: #273787;
	background-repeat: repeat-x;
	border-color: #ffffff00;
	color: #fff;
}
.pst {
	background-color: #03441d;
	background-repeat: repeat-x;
	border-color: #ffffff00;
	color: #fff;
}
.tvl {
	background-color: #4a1509;
	background-repeat: repeat-x;
	border-color: #ffffff00;
	color: #fff;
}

.yz1 {
	background-color: #7c0404;
	background-repeat: repeat-x;
	border-color: #ffffff;
	color: #fff;
}

.MtrButonGrix {
	background-color: #de0e0e;
	background-repeat: repeat-x;
	border-color: #ffffff00;
	color: #fff;
}
.MtrButonGrix:focus, .MtrButonGrix:hover {
	background-color: #bc1d1d;
	background-position: 0 -15px;
}

.MtrButonGrix.active, .MtrButonGrix:active {
	background-color: #de0e0e;
	border-color: #ff4436;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonGrix.disabled, .MtrButonGrix:disabled, .MtrButonGrix[disabled] {
	background-color: #de0e0e;
	background-image: none;
}





.MtrButonGiris {
	background-color: #105f71;
	background-repeat: repeat-x;
	border-color: #105f71;
	color: #fff;
}
.MtrButonGiris:focus, .MtrButonGiris:hover {
	background-color: #3173af;
	background-position: 0 -15px;
}

.MtrButonGiris.active, .MtrButonGiris:active {
	background-color: #105f71;
	border-color: #105f71;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.MtrButonGiris.disabled, .MtrButonGiris:disabled, .MtrButonGiris[disabled] {
	background-color: #105f71;
	background-image: none;
}

.MtrWebUst .MtrWebButon {
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	font-size: 12px;
}
.MtrWebOdaDiv .MtrWebButon {
	margin-left: 5px;
	font-weight: bold;
}
.MtrWebOrtaBulunamadi .MtrWebButon {
	margin-top: 10px;
}
.MtrWebHosgeldin {
	display: inline-block;
    padding: 8px 6px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	text-shadow: 1px 1px #000000;
	color: white;
}
.MtrAvatarDiv {
	height: 6vw;
	width: 6vw;
	min-width: 32px;
    min-height: 32px;
	max-width: 64px;
	max-height: 64px;
	display: inline-block;
	float: left;
	white-space: nowrap;
	white-space: -moz-nowrap;
	white-space: -nowrap;
	white-space: -o-nowrap;
	border: 2px inset #f5f5f5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.MtrAvatarErkek {
	border-color: #39ccff;
}
.MtrAvatarBayan {
	border-color: #ff79fc;
}
.MtrAvatarBilinmiyor {
	border-color: #b7b7b7;
}
.MtrWebBlogNick {
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align: left;
	padding-left: 4px;
	height: 6vw;
    min-height: 34px;
	max-height: 64px;
}
.MtrWebBlogNick table {
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.MtrWebBlogNick table td {
	width: 100%;
	height: 100%;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.MtrWebNickDiv {
	display: inline-block;
    width: 100%;
	padding: 2px;
	cursor: pointer; cursor: hand;
	border-bottom: 1px solid #dedede;
}
.MtrAvatarImg {
	width: 100% !important;
    height: 100% !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.MtrWebCntX .MtrWebUstDis {
	display: table-row;
	width: 100%;
}
.MtrWebCntX .MtrWebUst {
	display: table-cell;
	width: 100%;
}
.MtrWebCntX .MtrWebOrtaSalon {
	display: table-row;
	width: 100%;
	height: 100%;
}
.MtrWebCntX .MtrWebOrtaSalon .MtrWebBlog {
	display: table-cell;
	width: 100%;
	height: 100%;
}
.MtrMobilMenu, .MtrMobilMnCl {
	display: none;
}
.MtrUstMenu {
    display: block;
	font-size: 0;
}

.MtrButonMenu {
	background-color: #302d2c;
	color: #fff;
	border: 1px solid #c2d0da;
    padding: 5px;
}
.MtrButonMenu img {
	width: 24px;
	height: 24px;
}
.MtrButonMenu .MtrButonMenuTd {
    padding-left: 5px;
    font-size: 16px;
}

.MtrYaziKirmizi {
	color: #ff0000;
}

.MtrWebOdaDiv, .MtrWebBlogGirisler {
	font-size: 16px;
}
.MtrWebBlogGirisler {
	max-width: 500px;
}
.MtrWebBlogAna {
	width: 50%;
}
.MtrWebCnt {
	width: 100%;
}
.MtrWebBlogEnIyi, .MtrWebBlogSonKayit {
	margin-bottom: 15px;
}
.MtrWebBlogYazilar {
	width: 100%;
	margin-bottom: 15px;
}
.MtrWebBlogYazilar .MtrWebBlogIcerik {
	min-height: 100px;
	padding: 10px;
}
.MtrWebBlogYazilar .MtrWebBlogIcerik h1, .MtrWebBlogYazilar .MtrWebBlogIcerik h2, .MtrWebBlogYazilar .MtrWebBlogIcerik h3, .MtrWebBlogYazilar .MtrWebBlogIcerik h4 {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.MtrWebOrtaBulunamadi .MtrWebBlogYazilar {
	margin-bottom: 0px;
}
.MtrWebOrtaBulunamadi .MtrWebBlogIcerik {
	padding: 20px;
}
.MtrWebOrtaGenel .MtrWebBlog, .MtrWebOrtaUye .MtrWebBlog, .MtrWebOrtaExt .MtrWebBlog, .MtrWebOrtaIletisim .MtrWebBlog {
	margin-top: 15px;
	padding: 5px;
    -webkit-box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
    box-shadow: 0px 0px 5px -1px #105f71, 0px 0px 5px -1px #105f71;
}
.MtrWebOrtaGenel .MtrWebBlogIcerik, .MtrWebOrtaUye .MtrWebBlogIcerik, .MtrWebOrtaExt .MtrWebBlogIcerik {
	padding: 5px;
}
.MtrWebOrtaBulunamadi h2, .MtrWebOrtaBulunamadi strong {
	color: #000000;
}
.SiyahYazi, h1.SiyahYazi, h2.SiyahYazi, h3.SiyahYazi, h4.SiyahYazi, strong.SiyahYazi {
	color: black;
}
.BeyazYazi, h1.BeyazYazi, h2.BeyazYazi, h3.BeyazYazi, h4.BeyazYazi, strong.BeyazYazi {
	color: black;
}
.MtrWebOrtaAnaSayfa .MtrWebBlogYazilar:last-child {
	margin-bottom: 0px;
}

.MtrWebBlogAna h4, .MtrWebBlogYazilar .MtrWebBlogIcerik h4 {
    margin-top: 8px;
    margin-bottom: 2px;
}
.MtrWebBlogYazilar .MtrWebBlogIcerik h1, .MtrWebBlogYazilar .MtrWebBlogIcerik h2, .MtrWebBlogYazilar .MtrWebBlogIcerik h3, .MtrWebBlogYazilar .MtrWebBlogIcerik h4 {
	margin-top: 15px;
	margin-bottom: 2px;
}
.MtrWebBlogYazilar a {
	font-weight: bold;
}
.MtrWebBlogYazilar p {
	text-align: justify;
}
.MtrWebDevamiSol, .MtrWebDevamiOrta, .MtrWebDevamiSag {
	display: inline-block;
	width: 100%;
}
.MtrWebDevamiOrta {
	text-align: center;
}
.MtrWebDevamiSol a {
	float: left;
}
.MtrWebDevamiSag a {
	float: right;
}
.MtrWebYararliLinkler {
	display: inline-block;
	width: 100%;
	float: left;
}
.MtrWebYararliLinkler a {
	margin-right: 5px;
	margin-bottom: 5px;
}
@media screen and (max-width: 599px), screen and (max-height: 599px) {
.MtrWebYararliLinkler a {
	display: block;
}
	.MtrWebButon, .MtrWebHosgeldin {
		padding: 8px 6px;
	}
	.MtrWebButon {
		font-size: 12px;
	}
	.MtrButonMenu {
		padding: 3px;
	}
	.MtrWebInput {
		padding: 4px;
	}
	.MtrSatirTamKod > div {
		margin-top: 9px;
	}
	.MtrWebUstLnk {
		line-height: 20px;
		margin-bottom: 4px;
	}
	.MtrWebForm a {
		margin-top: 4px;
	}
	.MtrWebForm button {
		margin-top: 4px;
	}
	.MtrMobilMenu {
		display: inline-block;
	}
	.MtrMobilMnCl {
		display: block;
		clear: both;
	}
	.MtrUstMenu:not(.MtrMobilGoster), .MtrWebUstLnk:not(.MtrMobilGoster) {
		display: none;
	}
	.MtrWebOrtaAnaSayfa {
		padding-left: 5px;
		padding-right: 5px;
	}
	.MtrWebOdaBaslik h1, .MtrWebOdaBaslik h2, .MtrWebOdaBaslik h3, .MtrWebOdaBaslik h4, .MtrWebBlogAna h1, .MtrWebBlogAna h2, .MtrWebBlogAna h3, .MtrWebBlogAna h4 {
		font-size: 20px;
	}
	.MtrWebLogoDiv {
		font-size: 14px;
	}
	.MtrWebLogoDiv .MtrWebLogoImg {
		width: 35px;
		height: 35px;
	}
	.MtrWebLogoDiv .MtrWebLogoYaziDiv {
		height: 35px;
	}
	.MtrWebOdaTabloPcTd div {
		display: none;
	}
	.MtrWebOdaTabloPcTd {
		display: none;
	}
	.MtrWebOdaTabloBaslikTr > td {
		padding: 1px;
	}
	.MtrWebOdaDiv, .MtrWebBlogGirisler {
		font-size: 14px;
	}
	.MtrWebBlogGirisler {
		max-width: 400px;
	}
	.MtrWebUstLnk a {
		margin: 0px;
		padding: 10px 6px;
	}
}

@media screen and (max-width: 749px), screen and (max-height: 749px) {
	.MtrWebBlogAna {
		width: 100%;
	}
	.MtrWebBlogEnIyi {
		margin-bottom: 15px;
	}
	.MtrWebBlogSonKayit {
		padding-left: 0px;
	}
	.MtrWebOdaDiv, .MtrWebBlogGirisler {
		font-size: 15px;
	}
	.MtrWebBlogGirisler {
		font-size: 15px;
		max-width: 450px;
	}
}

@media screen and (min-width: 1000px) {
	.MtrWebCnt {
		text-align: center;
	}
	.MtrWebOrta {
		display: inline-block;
		width: 90%;
		margin: 0 auto;
	}
	.MtrWebOrtaAnaSayfa {
		padding-left: 0px;
		padding-right: 0px;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 5px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0px 0px 5px -1px #2a68c5, 0px 0px 5px -1px #2a68c5;
		box-shadow: 0px 0px 5px -1px #2a68c5, 0px 0px 5px -1px #2a68c5;
	}
	.MtrWebOrtaBulunamadi {
		margin-top: 50px;
	}
}

@media screen and (min-width: 1200px) {
	.MtrWebOrta {
		width: 80%;
	}
}

















.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before {
    display: table;
    content: " "
}

.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

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

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

 









 

 
/* wbs tx */


@keyframes blink {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

body {
  margin: 0;
}

.containertx {
	border-radius:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #ffffff08;
/*	background-image: linear-gradient(to left,#555e8d, #494f6d , #5e6484) !important; */
 
  color: #000000;
 
  text-shadow: 0 0 0.1em #00000000, 0 0 0.1em #000000, 0 0 0.5em #00000000, 0 0 0.5em #19e64500, 0 0 0.5em #ffffff;  text-align: center;
  padding: 0 16px;
  height: 50%;
}

.caret::after {
  content: "";
  display: inline-block;
  background-color: #5f5f5f;
  margin-left: 4px;
	max-width:3px;

  animation: blink 0.6s infinite;
		border-radius:20px;
}

.question {
  font-size: 26px;
  font-weight: 400;
}
.question.caret::after {
  height: 24px;
  width: 12px;
}

.answer {
  font-size: 18px;
  font-weight: 200;
}
.answer.caret::after {
  height: 18px;
  width: 9px;
}













 

.modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.modal-icerik {
    background: #fff;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    overflow-y: auto;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.modal-metin {
    font-size: 14px;
    line-height: 1.6;
}

.kapat {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 24px;
    cursor: pointer;
}

.okudum-btn {
    margin-top: 20px;
    width: 100%;
    padding: 12px;
    background: #0a7cff;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
}



.modal, .MtrModal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}


.modal-icerik, .MtrModalIcerik {
    background: #fff;
    width: 90%;
    max-width: 600px;
    max-height: 80vh;
    padding: 20px;
    border-radius: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
}


.modal-metin, .modal-metin {
    font-size: 14px;
    line-height: 1.6;
    overflow-y: auto;
    flex: 1;
    padding-right: 5px;
}

 
.kapat, .MtrModalKapat {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 26px;
    cursor: pointer;
    color: #666;
}

 
.modal-ok-buton {
    margin-top: 15px;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: #607D8B;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.modal-ok-buton:hover {
    opacity: 0.9;
}

.MtrButonContainer {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin: 0px 0;
    flex-wrap: wrap;
}

 
.MtrButonModal {
    display: inline-flex !important;   
    width: 185px;  
    height: 40px;   
  
    background-color: #557484 !important;
    color: #ffffff !important;
    text-align: center !important; 
    border-radius: 4px !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex;  
    justify-content: center;   
    align-items: center;  
    white-space: nowrap;  
}


.MtrButonKullanim, .MtrButonGizlilik {
    background: #615c5c;
}


.MtrButonModal:hover {
    opacity: 0.85;
}


@media (max-width: 768px) {
    .MtrButonModal {
        width: 100%;
        text-align: center;
        padding: 12px;
    }

    .MtrModalIcerik {
        width: 92%;
        max-width: 500px; 
    }

    .modal-ok-buton {
        font-size: 14px;
        padding: 10px;
    }

    .MtrButonContainer {
        gap: 8px;
    }
}


@media (max-width: 480px) {
    .MtrButonModal {
        width: 100%;
        padding: 12px;
    }

    .modal-ok-buton {
        font-size: 13px;
        padding: 10px;
    }

    .modal-icerik, .MtrModalIcerik {
        width: 100%;
        max-width: 100%;
    }
}



.MtrButonGrix {
  
  

    background-color: #ca0404 !important;  
    color: #ffffff !important;

    text-align: center !important;
 

    border-radius: 4px !important;  
    text-decoration: none !important;

  
    font-weight: 600 !important;
}
.MtrButonGrix:hover {
   background-color: #c82b2b !important; 
}


.MtrButonYesil:hover {
   background-color: #397c3b !important; 
}

 .MtrButonGrix1 {
  
    display: block !important;
     width: 100% !important;
 
    background-color: #6b3e26 !important; 
    color: #ffffff !important;

    text-align: center !important;
  
    border-radius: 4px !important; 
    text-decoration: none !important;

    font-size: 16px !important;
    font-weight: 600 !important;
}
.MtrButonGrix1:hover {
   background-color: #935331 !important; 
}
 .playstore-btn {
    display: flex;
    align-items: center;    
    gap: 8px;               
}

 
.playstore-btn {
    display: flex;
    align-items: center;      
    justify-content: center;  
    gap: 1px;
}
.textx {
    font-size: 16px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.play-img {
    height: 80px;
    width: auto;
}


h1 { text-align: center; font-size: 22px; }h2 { margin: 4px 0px; margin-top: 20px; font-size: 20px; }h3 { margin: 8px 0px; }.icr { display: inline-block; width: 100%; }.yazi { width: 100%; }.yaziX { width: 100%; margin-bottom: 4px; }.madde { color: red; }.yaziic { color: black; font-size: 14px; }.yaziic ul { margin: 2px; padding-left: 20px; }

 .resp-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;   
}

 
.resp-btn {
    border-radius: 10px;    
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;cursor: pointer;
}

 
.resp-img {
    width: 90px;  
    height: auto;
    display: block;
}

 
@media (max-width: 768px) {
    .resp-img {
        width: 65px;        
    }

    .resp-btn {
        padding: 6px;
        border-radius: 8px;
    }

    .resp-buttons {
        gap: 8px;
    }
}

 
.resp-btn {
    height: 55px;          
    min-width: 120px;
    padding: 6px;
    border-radius: 10px;
}

 
.resp-btn .resp-img {
    max-height: 60px;         
    max-width: 100%;
    object-fit: contain;
}

 
@media (max-width: 768px) {
    .resp-btn {
        height: 42px;
        min-width: 90px;
        padding: 4px;
        border-radius: 8px;
    }

    .resp-btn .resp-img {
        max-height: 35px;
    }
}







@media (max-width: 768px) {
    td {
        display: flex;
        gap: 6px;
        justify-content: left;
    }

    .MtrWebButon {
        font-size: 12px;
        padding: 6px 8px;
    }
}