@charset "utf-8";
/* CSS Document */
img {
border-style: none;
}
/*body {

background-image:url("../img/bgr-gradient.png");
background-repeat:repeat-x;
background-color:#8A2A2B;
}*/
body {
font-family: 'Ubuntu', sans-serif;
background-color: #eaebee;
}

#arkaplan {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
color: #bd8c8e;
font-family: 'Ubuntu', sans-serif;
font-size: 75em;
font-weight: 300;
font-style: italic;
}

.no-padding > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}

.innergolge {
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
background-color: #FFF;
box-shadow: -4px 3px 3px -1px rgba(0, 0, 0, 0.6) inset;
border: 0px;
border-radius: 0px;
}

.innergolge h1 {
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 3em;
color: #666;
text-align: center;
margin-bottom: 0px;
margin-top: 0px;
}

h3 {
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
padding: 0 25px;
}

.well-sm {
}

.orta {
background-color: #FFF;
box-shadow: -4px 3px 3px -1px rgba(0, 0, 0, 0.6);
margin-top: 2vh;
}

.nav-tabs {
border-bottom: 0px;
}

.nav-tabs > li {
font-weight: 700;
background-color: #999;
}

.nav > li > a.active,
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #8A2A2B !important;
color :white !important;
}

.nav-tabs > li > a {
border-radius: 0;
border: 1px #8A2A2B solid;
color: #fff;
margin-right: -1px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background-color: #8A2A2B;        
}


.bonus {
background-image: url("../img/bonus-bw.png");
background-repeat: no-repeat;
height: 35px;
}

.bonus:hover {
background-image: url("../img/bonus-color.png");
}

.worldcard {
background-image: url("../img/world-bw.png");
background-repeat: no-repeat;
height: 45px;
}

.worldcard:hover {
background-image: url("../img/world-color.png");
}

.maximum {
background-image: url("../img/maximum-bw.png");
background-repeat: no-repeat;
height: 33px;
}

.maximum:hover {
background-image: url("../img/maximum-color.png");
}

.happy {
background-image: url("../img/happy-bw.png");
background-repeat: no-repeat;
height: 52px;
}

.happy:hover {
background-image: url("../img/happy-color.png");
}

.ortasol {
text-align: center;
padding: 25px;
}

.buttoncontainer {
margin-bottom: 20px;
}

.btn-gri {
border: none;
border-radius: 0px;
background-color: #999;
font-size: 11px;
font-weight: 700;
color: #FFF;
box-shadow: 0px 7px 2px -5px rgba(0, 0, 0, 0.6) inset, -3px 2px 2px 0px rgba(0,0,0,0.6);
}

.btn-gri:hover {
box-shadow: 0px 8px 2px -5px rgba(0, 0, 0, 0.6) inset, -1px 0px 2px 0px rgba(0,0,0,0.6);
}

.btn-turkuaz {
background-color: #c87373;
border-color: #c87373;
color: #FFF;
}

.btn-turkuaz:hover {
color: #fff;
background-color: #8A2A2B;
border-color: #8A2A2B
}

.haki14px {
font-family: 'Ubuntu', sans-serif;
font-weight: 400;
font-size: 14px;
color: #8A2A2B!important;
}

.odeme {
color: #666;
font-weight: 300;
}

.green {
color: maroon;
font-weight: 700;
font-size:medium;
}

.txt12grey {
color: #666;
font-weight: 400;
font-size: 12px;
}

.cikis {
background-color: #068481;
padding: 5px;
text-align: center;
}

.cikis a {
color: #FFF;
}

.cikis a:hover {
color: #0F0;
}


/* odeme */
.btn-radio {
width: 45%;
border: 1px solid #ccc;
}

.img-radio {
opacity: 0.5;
margin-bottom: 5px;
}

.space-20 {
margin-top: 20px;
}



.iyyu{float:left; width: 100%;}
.iyyu .form-dis {width: 100%;max-width: 800px;margin: 50px auto;}
.iyyu .form-dis .form-ic {float:left;width: 100%;display: flex;justify-content: center;align-items: center;transition: 1s;}
.iyyu .form-dis .form-ic .form-sol {float:left;width: 100%;background: #fff;padding: 0;max-width: 325px;z-index: 2;border-radius: 30px;box-shadow: 0px 28px 46px 0px rgba(0, 0, 0, 0.16);background: #d7132d;position: relative;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic {float:left;width: 100%;min-height: 520px;position: relative;padding: 0 20px; /* Can be changed in the live sample */}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo {float:left;width: 100%;display: inline-block;text-align: center;margin-top: -75px;z-index: 1;position: relative;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo a {display: inline-block;text-align: center;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo a .logo1 {display: inline-block;margin-bottom: 20px;border: 5px solid #eaebee;border-radius: 1000px;max-width: 100%;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo a .logo2 {display: inline-block;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin {float:left;width: 100%;position: relative;z-index: 1;margin-top: 150px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin .title {float:left;width: 100%;color: #fff;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin .title h1 {float:left;width: 100%;font-size: 42px;font-weight: bold;margin: 0;padding: 0;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin .title h1 .ust {float:left;width: 100%;font-size: 20px;font-weight: 200;margin-bottom: 10px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin .title h1 .ust:before{content:"";display: inline-block;width: 12px;height: 12px;background: none;border-radius: 100px;border: 3px solid #fff;margin-right: 3px;float: left;margin-top: 5px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin .title h1 .ust:after{content:"";display: inline-block;width: 12px;height: 12px;background: none;border-radius: 100px;border: 3px solid #000;float: left;margin-top: 5px;margin-right: 5px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .arkaplan{position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .arkaplan > div{position: absolute;left: 0;background: url(../img/sol-bg.png);height: 100%;width: 100%;background-repeat: no-repeat;background-size: inherit;background-position: center bottom;top: -40%;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .alt-metin{float:left;width: 100%;border-top: 1px solid #bf1229;padding-top: 15px;margin-top: 30px;position: relative;z-index: 2;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .alt-metin .link{float:left;font-size: 12px;color: #fff;margin: 0 2px;background: #bf1229;padding: 5px 20px;border-radius: 100px;font-weight: 400;transition: .2s;text-decoration: none;}


.iyyu .form-dis .form-ic .form-sag {float:left;width: 100%;max-width: calc(100% - 300px);margin-left: -25px;z-index: 1;background: #fff;border-radius: 20px;padding: 20px;min-height: 720px;border: 1px solid #ddd;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic {float:left; width: 100%;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .menu{float:left; width: 100%;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .nav-tabs {float:left;width: 100%;border-radius: 100px;background: #ffe6e9;margin: 0;padding: 0;overflow: hidden;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .nav-tabs li{float:left;width: 100%;list-style: none;text-align: center;width: 50%;background: #ffe6e9;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .nav-tabs li a{float:left;width: 100%;padding: 15px 0;font-size: 14px;font-weight: 600;color: #825257;margin: 0;border: 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .nav-tabs li.active a{float:left;width: 100%;color: #fff;background: #d7132d!important;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan{width:100%;padding: 0;float: left;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group{float:left;margin: 20px 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group .icon{display:inline-block;font-size: 14px;color: #01c17a;background: #ffffff;border-radius: 100px;text-align: center;color: #d7132d;margin-right: 5px;font-size: 12px;line-height: 19px;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group label{display:inline-block;font-size: 14px;color: #6c7276;font-weight: 600;margin: 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group input{float:left;/* width: 100%; */border: 0;border-bottom: 1px solid #d1d1d1;outline: none;box-shadow: none;font-size: 14px;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group input::placeholder{font-size:13px; color:#aaa;}

.iyyu .form-dis .form-ic .form-sag .form-sag-ic .btn{display: inline-block;padding: 10px 25px;border-radius: 100px;font-size: 14px;font-weight: 600;text-transform: uppercase;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .btn-danger{display: inline-block;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .btn-turkuaz{display: inline-block;background: #00c47d;border-color: #00c47d;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .btn-grey{display: inline-block;background: #eaebee;color: #3c4043;}

.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .tab-content{width: 100%;float: left;padding: 10px 15px;}

.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .tab-content .input-group input[type='checkbox'] {width: auto;}
.inputcheck{margin: 0!important;}
.inputcheck .checkbox{margin:0;}
.inputcheck .checkbox label{margin:0;font-size: 12px!important;font-weight: 400!important;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .input-group .btnpop{font-weight: 400;font-size:12px;margin: 5px 0;background: #eaebee;border: 1px solid #ddd;padding: 5px;color: #5d5f63;border-radius: 2px;width: 100%;}
.btngonder{margin-top:10px;}
input[type="radio"], input[type="checkbox"] {margin-right:5px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .alt-metin .link:hover{background: #0000005c;}


.modal.in .modal-dialog{min-height:100vh;display: flex;align-items: center;justify-content: center;}
.modal-content {width:100%;border-radius: 10px!important;overflow: hidden;}
.modal-title{font-size: 18px;text-align: center;color: #6c0b18;background: #ffe6e9;padding: 15px 0;font-weight: 500;}
.modal-body span{color: #444!important;font-size: 14px!important;width: 100%;margin: 5px;height: auto;display: inline-block;font-weight: 500!important;line-height: 24px;}
.modal-header .close{font-size: 30px;background: #fdc3ca!important;opacity: 1;color: #d8747f;position: relative;right: 10px;width: 30px;height: 30px;border-radius: 6px;top: 10px;font-weight: 400;border: 1px solid #f3aab2;text-shadow: none;line-height: 30px;margin: 0;}
.modal-header{padding:0;}

.foot{float:left;width: 100%;margin-top: 25px;padding: 0 15px;}
.foot .foot-metin{float:left;width: 100%;text-align: center;font-size: 11px;color: #848d94;}






.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan h3{font-size: 18px;color: #3c4043;font-weight: 600;border-left: 5px solid #d7132d;padding-left: 5px;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .form-control{/* width:100%; */border: 1px solid #d1d1d1;height: auto;padding: 13px 2px;outline: none;box-shadow: none;}
.form-group{margin: 10px 0;}
.pad0{padding:0px;}
.pad5{padding:0 5px;}
.pad10{padding:0 10px;}

.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .cikis{font-size:12px;border: 1px solid #d7132d;background: #ffffff;float: right;border-radius: 100px;color: #d7132d;font-weight: bold;letter-spacing: 0;padding: 5px 15px;width: auto;
    top: 0px;
    left: 0px;
}

.col-md-12{float:left;}


.k-giris-ust{float:left;width: calc(100% + 70px);background: linear-gradient(45deg, #ffd9dd, transparent);margin: 0 -35px;padding: 15px 50px;margin-top: 40px;margin-bottom: 30px;}
.k-giris-ust .avatar{float:left;width: 150px;margin-top: -30px;margin-bottom: -30px;height: 150px;border-radius: 100px;}
.k-giris-ust .avatar .imaj{float:left;width: 100%;border: 10px solid #ffe6e9;width: 150px;height: 150px;border-radius: 100px;background: #ffffff;}
.k-giris-ust .avatar .imaj img{float:left;width: 130px;height: 130px;opacity: 1;}
.k-giris-ust .text{float:left;width: calc(100% -  160px);padding-left: 20px;}
.k-giris-ust .text .ust-text{float:left;width: 100%;font-size: 32px;font-weight: 200;margin: 0;color: #69282f;}
.k-giris-ust .text .alt-text{float:left;width: 100%;font-size: 16px;margin: 0;color: #815257bf;font-weight: 300;}

@media (max-width:768px) {
    .k-giris-ust{display: none;}
.m-pad0{padding:0;}
.iyyu .form-dis .form-ic{display: block;width: 100%;padding: 20px;}
.iyyu .form-dis .form-ic .form-sol{width:100%;max-width: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-shadow: none;}
.iyyu .form-dis .form-ic .form-sag{width:100%;max-width: 100%;margin: 0;min-height: auto;border-top-left-radius: 0;border-top-right-radius: 0;padding: 20px 10px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo{margin: 20px 0 0 0;width: 100px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .metin{margin: 30px 0 0 0;width: calc(100% - 100px);padding-left: 25px;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic{min-height:auto;padding-bottom: 20px;}
.iyyu .form-dis{margin:20px 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .tab-content{padding:0;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .logo a .logo2{display:none;}
.iyyu .form-dis .form-ic .form-sol .form-sol-ic .alt-metin{margin-top: 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .nav-tabs li a{padding:10px 0;}
.iyyu .form-dis .form-ic .form-sag .form-sag-ic .form-alan .inputcheck{margin:5px 0!important}

}