div.seffaf-fatura {
	width: 420px
}

div.seffaf-fatura-detay {
	width: 796px
}

div.seffaf-fatura-detay ul li:before {
	display: none
}

div.seffaf-fatura-detay ul li:nth-child(even) {
	float: right
}

div.seffaf-fatura-detay ul li {
	float: left;
	width: 46%;
	margin-left: 4%;
	font-size: 14px;
	margin-bottom: 10px
}

div.seffaf-fatura-detay ul li span {
    font-weight: 800;
    font-size: 16px;
    display: block;
    padding: 15px 30px;
    background-color: #f0f0f0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0px;
    cursor: pointer;
}

div.seffaf-fatura-detay ul li span:hover {
	background-color: #3dbccb;
	color: #fff
}

div.seffaf-fatura-detay ul li span.secili {
	background-color: #3dbccb;
	color: #fff
}
#bilgiler p {
	display: none;
	padding: 10px;
	width: 100%
}
area:hover {box-shadow: 0px 0px 1vw rgba(0,0,0,0.5);}


.tuketim-hesapla-wrapper li {
	width: 12.5%!important;
	margin: 0!important;
	border: 1px solid #dfdfdf!important;
	position: relative
}

.tuketim-hesapla-wrapper {
	background-color: #fff;
	width: 100%;
	position: relative;

}

.tuketim-hesapla-wrapper h3 {
    text-align:center;font-size:14px;line-height:30px;margin-bottom:10px;font-style:italic
}
.tuketim-hesapla-wrapper ul{
    display:flex;
    flex-wrap: wrap;
    width:100%;
}


.tuketim-hesapla-wrapper .secili{
	background:#3cc1cd;
    border:1px solid #333!important;
}


.tuketim-hesapla-wrapper li{
	height: 190px;
	text-align: center;
	margin-bottom: 2px;
	margin-right: 2px;
	border: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.tuketim-hesapla-wrapper li img {
	margin: 10px 0;
	display:inline-block;
}

.tuketim-alt-baslik {
	width: 100%;
	text-align: center;
	font-size: 12px
}

.px1018 {
	max-width: 1200px;
	margin: auto;
	height: auto;
	display: table
}

.tuketim-hesapla-wrapper input[type=checkbox] {
	background-color: #000
}

.errki a {
	color: #37b4c2
}

.errki a:hover {
	color: #000
}

.buton {
	background-color: #43ac34
}

.buton .tuketim-alt-baslik a {
	font-size: 34px!important;
	color: #fff
}

.cihazlar {
	clear: both;
	width: 1200px;
	display: table;
	font-size: 14px;
	text-align: right
}

.cihazlarr {
	clear: both;
	width: 1200px;
	display: table;
	font-size: 14px;
	font-weight: bolder;
	text-align: right;
	color: #000
}

.cihazlarr div {
	width: 100%;
	height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 10px;
    text-align: center;
}

.cihazlarr li {
	float: left;
	flex: 1;
	font-size:12px!important;
	height: 50px;
	border: 1px solid #dfdfdf;
	margin-right: -1px
}
.mobildetay {display:none;}

.cihazlar li {
	float: left;
	flex: 1;
	height:110px;
	border: 1px solid #dfdfdf;
	margin-right: -1px;
	margin-top: -1px;
	text-align:Center;
}
.cihazlar li span {text-align:center;}
.cihazlar-ic-div {
	width: 100%;
	float: left;
	padding: 10px;
	vertical-align: middle;
	display: table-cell
}

.cihazlar li img {
	width: 80px
}

.cihazlar span {
	font-weight: 700
}

.cihazlar-ic-div input[type=text] {
	padding: 10px;
	text-align: right;
	width: 100%
}

.urun-ismi {
	color: #3dbcca;
	font-size: 13px
}

.t1,
.t2 {
	font-size: 22px;
	color: #43ac34
}

.aylik,
.yillik {
	font-size: 34px;
	color: #43ac34
}

.cihazlar ul {
	display: flex;
	width: 100%
}

.cihazlarr ul {
	display: flex;
	width: 100%
}

.hesapla-button {
	width: 100%;
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	margin: 40px 0
}

.hesapla-button>a {
	width:120px;
	height:120px;
	text-align: center;
	border-radius: 2px;
	background: #3dbcca;
	position: relative;
	display: block;
	margin: auto;
	box-sizing: border-box;
	padding: 20px 0;
	transition: all ease .3s
}

.hesapla-button img {
	margin-bottom: 7px
}

.hesapla-button span {
	display: block;
	color: #fff;
	font-weight: 700
}

.hesapla-button>a:hover {
	background: #6bba59;
	transition: all ease .3s
}

.ok {
	width: 36px;
	height: 36px;
	margin: auto;
	display: none
}

.cihaz-check {
	cursor: pointer
}

.errki {
	display: block;
	margin-top: 20px;
	font-size: 14px;
	text-align: Center;
}
.hesapla-button>a{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.cihazlar-ic-div{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sbutton{
    width:140px;
    height:45px;
    background:#37b4c2;
    color:#fff;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}
.sbutton:Hover{
    background:#6bba59;
}
.faturagovde{
    display:flex;
}


.bankalar {
	width: 100%
}

.bankalar ul {
	width: 100%;
	display: block;
	height: 32px;
	border: 1px solid #dfdfdf;
	position: relative;
	margin-top: -1px
}

.bankalar li:before {
	display: none!important
}

.bankalar ul li {
	text-align: center;
	height: 30px;
	float: left;
	width: 16%!important;
	list-style: none!important;
	box-sizing: border-box!important;
	display: block;
	line-height: 30px;
	margin: 0!important
}

.bankalar ul li:nth-child(1) {
	text-align: left;
    padding-left:5px;
}

.bankalar ul li h3 {
	font-size: 14px
}


.bankalar ul li i {
	color: #77c65d;
	font-size: 18px
}


.faiz-oranlari {
	width: 100%
}

.faiz-oranlari ul li:before {
	display: none
}

.faiz-oranlari ul li {
	width: 11%;
	float: left;
	border: 1px solid #000;
	margin-left: 1%;
	padding: 5px;
	border-radius: 2px
}

.taksitli-faiz ul li:before {
	display: none
}

.taksitli-faiz {
	width: 100%
}

.taksitli-faiz ul li {
	width: 24%;
	float: left;
	border: 1px solid #000;
	margin-left: 1%;
	padding: 5px;
	border-radius: 2px
}

#islem-mailing {
	background: #90c5c8;
	width: 100%;
	margin: auto;
	min-height: 500px
}

#islem-mailing>ul {
	width: 100%;
	padding: 30px
}

#islemkapak {
	text-align: center;
	padding-top: 28px
}

#islem-mailing>ul>li:before {
	display: None
}

#islem-mailing>ul>li {
	width: 100%;
	margin-bottom: 50px
}

#islem-mailing>ul>li>figure {
	float: left;
	width: 500px;
	position: relative;
	z-index: 2
}

#islem-mailing>ul>li>div {
	float: left;
	width: 505px;
	padding-top: 50px
}

#islem-mailing>ul>li>div>h2 {
	width: 100%;
	position: relative;
	height: 50px;
	background: #fff;
	line-height: 50px;
	color: #002169;
	font-size: 24px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 50px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 50px
}

#islem-mailing>ul>li>div>h2:before {
	width: 200px;
	height: 50px;
	position: absolute;
	left: -200px;
	top: 0;
	background: #fff;
	content: ""
}

#islem-mailing>ul>li>div>h3 {
	height: 30px;
	max-width: 400px;
	line-height: 30px;
	padding-left: 30px;
	color: #002169;
	font-size: 18px;
	margin: 20px 0;
	background: #fff;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-right-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius: 5px;
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-radius: 5px;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px
}

#islem-mailing>ul>li>div>ul>li:before {
	display: none
}

#islem-mailing>ul>li>div>ul>li {
	font-size: 18px;
	color: #002169;
	display: block
}

#islem-mailing>ul>li>div>ul {
	margin-left: 15px
}

#islem-mailing>ul>li>div>p>a {
	font-size: 14px;
	color: #002169!important
}

#islem-mailing>ul>li>div>p {
	font-size: 14px;
	color: #002169;
	display: block;
	padding-left: 17px;
	margin-top: 20px
}

#islem-mailing>ul>li:after {
	clear: both;
	display: table;
	content: ""
}
.sts_text{
	width:100%;
	display:flex;
}
.sts figure{
	margin:0;
	position:relative;
}
.sts figure img{
	width:100%;
}
.sts figure div{
	position:absolute;
	left:0;
	top:60px;
	width:600px;
}
.sts figure div h2{
	font-size: 48px;
    font-weight: bold;
	color: #fff;
	padding-left:60px;
}
.sts figure div h2 span{
	display:block;
	color:#39c1cd;
	background:#fff;
	position:relative;
}
.sts figure div h2 span:Before{
	width:60px;
	background:#fff;
	height:100%;
	content:"";
	left:-60px;
	top:0;
	position: absolute;
}
.sts figure div h3{
	font-size: 24px;
	font-weight: 500;
	margin-top:30px;
	color: #fff;
	padding-left:60px;
	line-height:30px;
}
.sts_text > li{
	flex:1;
	display:Flex;
	flex-direction: column;
	padding:30px 0 30px 0;
}
.sts_text h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:10px;
	color: #545454;
	line-height:30px;
}
.sts_text > li:first-child{
	padding:30px 30px 30px 0;
}
.sts_text p{
	font-size: 15px;
    line-height: 20px;
    color: #676767;
    display: block;
    margin-bottom: 15px;
}
.sts_text strong{
	font-size:20px;
	font-weight: bold;
	margin-bottom:10px;
	color: #545454;
	line-height:24px;	
}
.sts_cizgi{
	width:100%;
	margin:30px 0;
}
.sts_cizgi img{
	width:100%;
}
.sts_tarifeler{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sts_tarifeler h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:30px;
	color: #545454;
	line-height:30px;
}
.sts_tarifeler ul{
	width: 1160px;
	display:flex;
}
.sts_tarifeler li{
	flex:1;
	width:300px;
	background:#39c1cd;
	border-radius: 10px;
	margin-right:30px;
	text-align: center;
	padding:30px;
}
.sts_tarifeler li:last-child{
	margin-right:0;
}
.sts_tarifeler li h3{
	font-size:20px;
	font-weight: bold;
	margin-bottom:15px;
	color: #fff;
	line-height:30px;	
	padding-bottom:15px;
	border-bottom: 3px solid #fff;
	min-height: 80px;
}
.sts_tarifeler li p{
	font-size:18px;
	margin-top:15px;
	color: #fff;
	line-height:24px;	
}
.sts_tarifeler li img {display:inline-block;}



.sts_neden{
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.sts_neden h2{
	font-size: 30px;
	font-weight: bold;
	margin-bottom:30px;
	color: #545454;
	line-height:30px;
}
.sts_neden ul{
	width: 960px;
	display:flex;
}
.sts_neden li{
	flex:1;
	width:300px;
	margin-right:30px;
	text-align: center;
	padding:30px;
}
.sts_tarifeler li:last-child{
	margin:0;
}
.sts_neden li h3{
	font-size:20px;
	font-weight: bold;
	margin:15px 0;
	color: #39c1cd;
}
.sts_neden li p{
	font-size:18px;
	margin-top:15px;
	color: #545454;
	line-height:24px;	
}

.sts_neden li img {display:inline-block}

.sts_alt{
	width:100%;
	margin-top: 30px;
}
.sts_alt img{
	width:100%;
}


@media screen and (min-width:180px) and (max-width:600px){
	.sts figure div{
		top:0;
		width:100%;
	}
	.sts figure div h2 {
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		padding-left: 20px;
		padding-top: 20px;
	}
	.sts figure div h3 {
		font-size: 14px;
		font-weight: 500;
		margin-top: 10px;
		color: #fff;
		padding-left: 20px;
		line-height: 15px;
	}
	.sts_text {
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}
	.sts_text > li img{
		width:100%;
	}
	.sts_text > li{
		padding:0;
		padding-left:0px!important
	}
	.sts_text > li:first-child {
		padding: 20px 0;
	}
	.sts_tarifeler ul{
		width:100%;
		flex-direction: column;
	}
	.sts_tarifeler li{
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.sts_neden h2{
		text-align: center;
	}
	.sts_neden li{
		margin-right:0;
		margin-bottom:20px;
		margin-top:20px;
		width:100%;
		padding:0;
	}
	.sts_neden ul{
		width:100%;
		flex-direction: column;
	}
}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}

.dosya-div div {padding:0px!important}

.sikayet-list div {padding:0px}

.sikayet-list li {float: left;
    display: inline-block;
    margin: 0;
    position: relative;
    line-height: inherit;}

.sikayet-list li a{
float: left;
    height: 30px;
    background: #dfdfdf;
    border-radius: 3px;
    padding: 0 10px 0 20px;
    position: relative;
    margin-right: 10px;
    margin-top: 10px;
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
	color:#000;
	text-decoration:none
}


.sikayet-list a:hover {background:#3daf49;color:#fff;}
.sikayet-list a:hover i {color:#fff;}
.sikayet-list li i {    text-align: right;
    margin-left: 10px;
    float: right;
    margin-top: 9px;}




@media screen and (min-width:601px) and (max-width:1100px){
	body, html{
		width: 100%!important;
		min-width: 300px!important;
	}
	.sts_text > li{
		width:50%;
		max-width:50%;
	}
	.sts_tarifeler ul, .sts_neden ul{
		width:100%;
	}
















}