/* ----------------------------------------------------------------------
	Genel
---------------------------------------------------------------------- */
::selection {
  background: #333333;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #333333;
  /* Firefox */
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #333333;
  /* Safari */
  color: #fff;
  text-shadow: none;
}
:active,
:focus {
  outline: none !important;
}

body {
	font-family: 'Rajdhani', sans-serif;
	color: #333333;
	background: #ffffff;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.6;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rajdhani', sans-serif;
	color: #36414d;
	line-height: 1.6;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}

a:hover{text-decoration:none; color:#00b49c;}

a{color:#666666}


img{border:0px;}

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

a, button, input[type=submit] {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    text-decoration: none;
}

input, select, textarea{
	border-radius: 0!important;
    font-size: 15px;
    line-height: 1.5;
    margin: 0;
    max-width: 100%;
    vertical-align: top;
    text-transform: none;
    border: 1px solid #D6D6D6;
    background-color: #fff;
    padding: 7px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #949494!important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #949494!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #949494!important;
}


/* ----------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------- */

.header-top {
    background-color: #00b49c;
}

.header-top .logo img{float:left;}

.header-top .logo{
    font-weight:500;
    color:#ffffff;
}

.header-top .logo-ust{
    font-weight:700;
    font-size:30px;
    line-height:38px;
}

.header-top .logo-alt{
    font-size:26px;
    line-height:20px;
    white-space:nowrap;
}

.header-top .head-slogan{
    font-weight:400;
    color:#ffffff;
}

.slogan-ust{
	font-weight:700;
    font-size:30px;
    line-height:35px;
	white-space:nowrap;
}

.slogan-alt{
    font-size:14px;
    line-height:15px;
    max-width:270px;
    display: inline-block;
}

/* ----------------------------------------------------------------------
	HEADER
---------------------------------------------------------------------- */


/* ----------------------------------------------------------------------
	YAN BLOK
---------------------------------------------------------------------- */


.card{border-radius:0px;}

.card-header{
    font-weight:700;
    color:#5B5B5B;
	font-size:19px;
}

.firma-isim{
	font-size:16px;
	line-height:20px;
	height:40px;
	overflow:hidden;
}

.firma-bilgi{
	font-size: 16px;
    line-height: 20px;
    color:#666666;
}

.firma-tutar{
	color:#00b49c;
	font-size: 18px;
    line-height: 20px;
}

.form-satir{
	position:relative;
}

.form-satir .invalid-tooltip, .form-satir .valid-tooltip{
	top:unset;
	padding: .3rem;
	font-size: .775rem;
}


/* ----------------------------------------------------------------------
	YAN BLOK
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
	ORTA BLOK
---------------------------------------------------------------------- */

.card-form{
	background-color:#FBFBFB;
}

.kart-gorsel{
	margin-bottom:13px;
	position:relative;
	z-index:1;
		-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	transition: all .4s linear;

}

.banka-adi{
	position:absolute;
	top: 25px;
    right: 25px;
}

.kart-numara{
	position:absolute;
	top: 110px;
    left: 28px;
    font-family: 'Electrolize', sans-serif;
    font-size:22px;
    color:#999999;
}

.son-kt{
	position:absolute;
	top: 155px;
    left: 28px;
    font-size:20px;
    font-weight:500;
    color:#999999;
}

.kart-tipi{
	position:absolute;
	top: 150px;
    right: 25px;
}

.bilgi{
	width:24px;
	height:24px;
	position:absolute;
	background-color:#D5D5D5;
	color:#ffffff;
	line-height:24px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	right:22px;
	top:6px;
	cursor:pointer;
}

.bilgi2{
	width:24px;
	height:24px;
	position:absolute;
	background-color:#D5D5D5;
	color:#ffffff;
	line-height:24px;
	text-align:center;
	font-size:18px;
	font-weight:700;
	right:7px;
	top:6px;
	cursor:pointer;
}


.tooltip-inner{
	background:rgba(0,0,0,0.6)!important;
	font-size:11px;
	border-radius:0px;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before { border-bottom-color:rgba(0,0,0,0.6)!important; }
.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before { border-top-color:rgba(0,0,0,0.6)!important; }
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before { border-left-color:rgba(0,0,0,0.6)!important; }
.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before { border-right-color:rgba(0,0,0,0.6)!important; }


.cardhold {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.cardhold #bankaadi, .cardhold #kartnumara, .cardhold .son-kt, .cardhold #karttipi{
	display:none;
}

.kart-arka-siyah, .kart-arka-cvv{
	display:none;
}

.cardhold  .kart-arka-siyah, .cardhold  .kart-arka-cvv{
	display:inline-block;
}

.kart-arka-siyah{
	width:100%;
	background-color:#333333;
	height:50px;
	position:absolute;
	top:57px;
	left:0px;
}

.kart-arka-cvv{
	width:50%;
	margin:0px 10px;
	background-color:#ffffff;
	color:#333333;
	height:30px;
	position:absolute;
	top:117px;
	right:0px;
	text-align:right;
	font-size:14px;
	padding-right:30px;
	line-height:30px;
	-moz-transform: scaleX(-1);    /* Gecko */
  -o-transform: scaleX(-1);      /* Opera */
  -webkit-transform: scaleX(-1); /* Webkit */
  transform: scaleX(-1);         /* Standard */
  filter: FlipH;                 /* IE 6/7/8 */
}

.taksit-tablo{
	width:100%;
	height:110px;
	border:1px #00b49c solid;
	background-color:#ffffff;
	cursor:pointer;
	text-align:center;
}

.taksit-tablo input{
	display:none;
}

.taksit-birim{
	color:#00b49c;
	font-size:16px;
	font-weight:600;
	display:inline-block;
}

.taksit-toplam{
	color:#666666;
	font-size:20px;
	font-weight:700;
	display:inline-block;
	line-height:15px;
}

.taksit-oran{
	color:#666666;
	font-size:17px;
	font-weight:500;
	display:inline-block;
}

.tsecili .taksit-tablo{
	background-color:#F4F4F4;
}

.secili-taksit{
	position:absolute;
	right:15px;
	bottom:9px;
	display:none;
}

.tsecili .taksit-tablo .secili-taksit{
	display:inline-block;
}

.ilktaksit{	padding-left:0px;}

.tutar-bilgi{
	text-align:center;
	margin:0px 0px 15px 0px;
	border-right:1px #666666 solid;
	font-size:15px;
	line-height:13px;
	font-weight:500;
}

.tutar-bilgi:last-child{
	border-right:0px;
}

.tutar-bilgi span{
	padding-left:10px;
}

.tutar-bilgi span strong{
	font-size:20px;
	font-weight:700;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #00b49c;
}
.custom-control-input:checked~.custom-control-label::before {
    background-color: #00b49c;
}

.btn-primary:hover {
    background-color: #9e2c20;
    border-color: #9e2c20;
}

.btn-primary {
    background-color: #00b49c;
    border-color: #00b49c;
    border-radius:0px;
    font-size:18px;
    font-weight:700;
    padding: .375rem 1.9rem;
}

.onay{
	line-height: 17px;
    padding-top: 4px;
    font-size:12px;
}

.taksit-link{
	float:right;
	font-size: 15px;
    padding-top: 2px;
}

.taksit-yuzdesi{
	font-size:13px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
}

.taksit-carpan{
	background-color:#4e4e4e;
	color:#ffffff;
	font-size:12px;
	font-weight:500;
	padding:5px 7px;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline-block;
}

.son-toplam{
	background-color:#00b49c;
	color:#ffffff;
	font-size:13px;
	font-weight:600;
	padding:5px;
	border-radius:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.taksit-tablo-genel td, .taksit-mobil td{
	vertical-align:middle!important;
	border-left:1px #e6e5e5 solid;
}

.taksit-accordion{display:none;}

.taksit-accordion .card-header{cursor:pointer;}

.taksit-accordion h5{font-size:20px; font-weight:600; color:#00b49c;}

.taksit-mobil td{font-size:17px;}

.taksit-mobil span{	min-width:100px;display:inline-block;}

.taksit-accordion h5 span{float:right;}


/* ----------------------------------------------------------------------
	ORTA BLOK
---------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------- */

.footer-genel {
    background-color: #474747;
    padding: 50px 0px 50px 0px;
    background-image: url(../images/footer-background.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.param-slogan{
	text-align:center;
}

.footer-bddk{
	font-size:11px;
	line-height:15px;
	color:#BFBFBF;
	max-width:280px;
	margin-bottom:0px;
}

.foot-hr{
	max-width:280px;
	width:100%;
	margin:10px 0px 10px 0px;
	border-top:1px #5A5A5B solid;
}

.foot-linkler{
	color:#BFBFBF;
}

.foot-linkler a{
	font-size:11px;
	color:#BFBFBF;
	text-decoration:none;
}

.foot-linkler a:hover, .foot-linkler a:focus{
	color:#ffffff;
}


.destekimg {
    border-left: 1px #585858 solid;
    line-height: 27px;
    padding-left: 10px;
    margin-left: 10px;
    margin-top: 3px;
}

.footer-sosyal ul {
    width: auto;
}

.footer-sosyal ul li {
    width: auto;
    margin: 3px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    float: right;
    list-style: none;
    color: #949494;
    font-size: 11px;
    line-height: 22px;
}

.footer-sosyal ul li a {
    color: #949494;
    text-decoration: none;
}

.footer-sosyal ul li i {
    font-size: 22px;
}

.sosyal-border {
    border-right: 1px #626262 solid;
    padding-right: 10px !important;
}

.foot-kart-ikon{
	text-align:right;
	margin-right:-15px;
}

.foot-kart-ikon img{
	margin-left:10px;
}

.foter-destek{
	text-align:right;
}



/* ----------------------------------------------------------------------
	FOOTER
---------------------------------------------------------------------- */





@media (max-width: 1200px) {
.kart-numara {top: 90px;font-size: 20px;}
.son-kt, .kart-tipi {top: 120px;}
.card-header {font-size: 17px;}
.kart-arka-siyah {top: 50px;}
.kart-arka-cvv{top:110px;}
.taksit-toplam {font-size: 18px;}
.taksit-oran {font-size: 15px;}
.tutar-bilgi {font-size: 13px;}
.tutar-bilgi span strong {font-size: 16px;}


}


@media (max-width: 992px) {
.kart-numara {top: 100px;}
.son-kt, .kart-tipi {top: 140px;}
.taksit-modal {max-width: 95%;margin: 1.75rem auto;}



}


@media (max-width: 768px) {
.kart-numara {top: unset; bottom:90px; font-size: 30px;}
.son-kt, .kart-tipi {top: unset; bottom:25px;}
.card-header {font-size: 17px;}
.kart-arka-siyah {height: 110px;}
.kart-arka-siyah {top: 50px;}
.kart-arka-cvv{top:170px;}
.ilktaksit{	padding-left:15px;}
.taksit-toplam {font-size: 20px;}
.taksit-oran {font-size: 17px;}
.onay{line-height: 14px;}
.param-slogan{margin-bottom:30px;}
.logo-firma, .foot-linkler{text-align:center;}
.footer-bddk {max-width: 100%; text-align:center;}
.foot-hr{max-width:unset;}
.foot-kart-ikon{text-align:center; margin-top:15px;}
.foter-destek{text-align:center;}
.taksit-tablo-genel{display:none;}
.taksit-accordion{display:inline-block;}



}

@media (max-width: 576px) {
.kart-numara {top: unset; bottom:70px; font-size: 20px;}
.son-kt, .kart-tipi {bottom:25px;}
.btn-ode{margin-top:15px;}


}



@media (max-width: 400px) {
.kart-numara {top: unset; bottom:50px; font-size: 18px;}
.son-kt, .kart-tipi {bottom:10px;}
.kart-arka-siyah {height: 60px;top: 45px;}
.kart-arka-cvv{top:120px;}
.taksit-link{font-size: 11px;padding-top: 5px;}



}













@media (max-width: 1200px) {


}


@media (max-width: 992px) {


}


@media (max-width: 768px) {


}