body {
  font-family: 'Montserrat';
  font-size:14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: 'Montserrat';
}
:focus {outline:none;}
a:hover {text-decoration:none;}
hr.star-light,
hr.star-dark {
  max-width: 15rem;
  padding: 0;
  text-align: center;
  border: none;
  border-top: solid 0.25rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

hr.star-light:after,
hr.star-dark:after {
  position: relative;
  top: -.8em;
  display: inline-block;
  padding: 0 0.25em;
  content: '\f005';
  font-family: FontAwesome;
  font-size: 2em;
}

hr.star-light {
  border-color: #fff;
}

hr.star-light:after {
  color: #fff;
  background-color: #18BC9C;
}

hr.star-dark {
  border-color: #2C3E50;
}

hr.star-dark:after {
  color: #2C3E50;
  background-color: white;
}

section {
  padding: 10rem 0 6em 0;
}

section h2 {
  font-size: 2.25rem;
  line-height: 2rem;
}

@media (min-width: 992px) {
  section h2 {
    font-size: 3rem;
    line-height: 2.5rem;
  }
}

.btn-xl {
  padding: 1rem 1.75rem;
  font-size: 1.25rem;
}

.btn-social {
  width: 3.25rem;
  height: 3.25rem;
  font-size: 1.25rem;
  line-height: 2rem;
}

#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-weight: 700;
  font-family: 'Montserrat';
}

#mainNav .navbar-brand {
  color: #fff;
}

#mainNav .navbar-nav {
  margin-top: 1rem;
  letter-spacing: 0.0625rem;
}

#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #fff;
  font-size:12px;
}

#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: #18BC9C;
}

#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #fff;
}

#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: #18BC9C;
}

#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    -moz-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    /*font-size: 2em;*/
    -webkit-transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: #18BC9C;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: #18BC9C;
  }
  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

header.masthead {
  padding-top: calc(6rem + 72px);
  padding-bottom: 6rem;
}

header.masthead h1 {
  font-size: 3rem;
  line-height: 3rem;
}

header.masthead h2 {
  font-size: 1.3rem;
}

@media (min-width: 992px) {
  header.masthead {
    padding-top: calc(6rem + 106px);
    padding-bottom: 6rem;
  }
  header.masthead h1 {
    font-size: 4.75em;
    line-height: 4rem;
  }
  header.masthead h2 {
    font-size: 1.75em;
  }
}


.floating-label-form-group {
  position: relative;
  border-bottom: 1px solid #e9ecef;
}

.floating-label-form-group input,
.floating-label-form-group textarea {
  font-size: 1.5em;
  position: relative;
  z-index: 1;
  padding-right: 0;
  padding-left: 0;
  resize: none;
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none !important;
}

.floating-label-form-group label {
  font-size: 0.85em;
  line-height: 1.764705882em;
  position: relative;
  z-index: 0;
  top: 2em;
  display: block;
  margin: 0;
  -webkit-transition: top 0.3s ease, opacity 0.3s ease;
  -moz-transition: top 0.3s ease, opacity 0.3s ease;
  -ms-transition: top 0.3s ease, opacity 0.3s ease;
  transition: top 0.3s ease, opacity 0.3s ease;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
}

.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #e9ecef;
}

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}

.floating-label-form-group-with-focus label {
  color: #18BC9C;
}

form .row:first-child .floating-label-form-group {
  border-top: 1px solid #e9ecef;
}

.footer {
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #2C3E50;
  color: #fff;
}

.copyright {
  background-color: #1a252f;
}

a {
  color: #18BC9C;
}

a:focus, a:hover, a:active {
  color: #128f76;
}

.btn {
  border-width: 2px;
}

.bg-primary {
  background-color: #18BC9C !important;
}

.bg-secondary {
  background-color: #2C3E50 !important;
}

.text-primary {
  color: #18BC9C !important;
}

.text-secondary {
  color: #2C3E50 !important;
}

.btn-primary {
  background-color: #18BC9C;
  border-color: #0e7c58;
}

.btn-primary:hover {
  background-color: #128f76;
  border-color: #128f76;
}

.btn-secondary {
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-secondary:hover {
  background-color: #1a252f;
  border-color: #1a252f;
}

/* Other Css */
.ozelbuton {font-size:13px;background-color:#128f76;color:#fff;font-weight:700;}
.ozelbuton i {margin-right:7px;}
.text-uppercase {font-size:20px;}
.text-uppercase i {margin-right: 10px;}
.marginBottom10 {margin-bottom:10px;}
.tab {border:5px solid #f8f8f8;}
.tab .tabbuton {overflow:hidden;margin-bottom: 15px;}
.tab .tabbuton ul {list-style:none;margin:0;padding:0;}
.tab .tabbuton ul li {float:left;border-right: 1px solid #E3E3E2;position: relative}
.tab .tabbuton ul li img {position: absolute;right:5px;top:5px;}
.tab .tabbuton ul li a {display:block;padding: 20px;background-color:#f8f8f8;text-transform: uppercase;text-align:center;font-size:13px;font-weight: bold;color:#5E5C59}
.tab .tabbuton ul li:last-child {border:none;}
.activeTab a{background-color:#fff!important;color:#128f76!important;}
.lead {font-size:18px;}
.bagiskutu {background-color:#f8f8f8;margin-bottom:15px;border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;padding-bottom:10px;}
.bagiskutu .bagislink {display: block;margin-bottom: 10px;}
.bagiskutu .bagislink img {width:100%;height:161px;border-top-left-radius: 5px;
  border-top-right-radius: 5px;}
.bagiskutu .bagisicerik {margin:10px;font-size:12px;height:100px;overflow: hidden;}
.bagiskutu .bagisicerik .title {display: block;height:auto;}
.bagiskutu .bagisicerik .title a {color:#5E5C59;font-weight: bold;font-size:14px;}
.bagiskutu .bagisyap {margin:0 10px 0 10px;}
.bagiskutu .bagisyap .miktar { 
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width:50%;padding:5px 5px 5px 10px;font-weight: bold;color:#5E5C59;border-top:1px solid #bbb;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-right:none;border-right-style:none;}
.bagiskutu .bagisyap .parabirimi {background-color:#F3F2EE;text-align:center;width:50%;border-right:1px solid #bbb;border-top:1px solid #bbb;border-bottom:1px solid #bbb;line-height:31px;font-weight:bold;color: #5E5C59;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;}

.n-button {border-radius: 4px;background-color:#128f76;color:#fff;margin-top:5px;width:100%;border:1px solid #0d846c;
font-weight: bold;font-size:12px}
.n-button i {margin-right:5px}
.n-button:hover {background-color:#0d846c;}
/*
.btn-primary:active{
  background-color: #128f76;
}
*/
.btn-animation:hover i, .btn-animation:focus i {
  -webkit-transform: scale(1.22);
  -moz-transform: scale(1.22);
  -o-transform: scale(1.22);
  -ms-transform: scale(1.22);
  transform: scale(1.22); }

 .btn-animation i {
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    position: relative;
    display: inline-block; 
  }

.sepet {margin-bottom:10px;}
.sepet .sepetbaslik {  border-top-right-radius: 5px;
  border-top-left-radius: 5px;text-align: center;color:#5E5C59;background-color:#f8f8f8;padding:10px;font-weight: bold;}
.sepet .sepeticerik {
  border:5px solid #f8f8f8;
  padding:5px;
  min-height: 150px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sepet .sepeticerik .sepetbos {
  text-align: center;
  font-size:12px;
  margin-top:45px;  
}
.sepet .sepetsatir {border-bottom: 1px dotted #ddd;font-size:13px;padding:5px 0 5px 0;}
.sepet .sepetsatir .bagisbaslik {
    width:95%;
    float:left;
    padding-top: 4px;
    font-weight: 100;
    font-size:14px;
}
.sepet .sepetsatir .bagissil {
  font-size:16px;
  font-weight: bold;
  width:5%;
  float:right;
}
.sepet .sepetsatir .bagissil i {
  color:rgb(255, 26, 26)!important
}
.sepet .sepetsatir .bagisyapan {
  margin-bottom: 3px;
  margin-top:3px;
  color:#5E5C59;
  font-size:13px;
}
.sepet .sepetsatir .bagisyapan strong{
  font-style: italic;
}
.sepet .sepetsatir .bagistutar {
  font-size:14px;
  text-align: right;
}
.sepet .sepettoplam {
  overflow: hidden;
  margin-top:10px;
  margin-bottom: 10px;
}
.sepet .toplambaslik {
  font-size:14px;
  font-weight: bold;
  float:left;
  width: 50%;
}
.sepet .toplamtutar {
  float:right;
  width:50%;
  font-size:14px;
  text-align: right;
}
.aciklama {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border:1px solid #faebcc;
  padding:10px;
  border-radius: 5px;
}
.visamaster {
  text-align: center;
  margin-top:10px;
}

.modaloptiontitle {
 font-size:13px; 
 font-weight: bold;
}
.modaloptions label{
  display:block;
  font-size:13px;
  font-weight: bold
}

.modaloptions .miktar { 
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  width:50%;padding:5px 5px 5px 10px;font-weight: bold;color:#5E5C59;border-top:1px solid #bbb;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-right:none;border-right-style:none;}
  .modaloptions .parabirimi {background-color:#F3F2EE;text-align:center;width:50%;border-right:1px solid #bbb;border-top:1px solid #bbb;border-bottom:1px solid #bbb;line-height:31px;font-weight:bold;color: #5E5C59;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;}

  .modalinputtext {font-size:13px;width:100%}
  .paddingleftrightno {padding-right:0;padding-left:0;}
  .baskabagisci {display:none;}

  .kapsayici {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding:10px;
    margin-bottom:15px;
  }
  .kapsayici .kapsayiciheader {
    font-size:18px;
    font-weight: bold;
    color: #5E5C59;
    margin-bottom:10px;
  }

  .kapsayici .kapsayiciic {
    background-color:#fff;
    padding:10px;
    border-radius: 5px;
  }

  .bagistablosu {
    overflow: hidden;
    border:1px solid #dbdbdb;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  .bagistablosu .tabloheader {
    background-color:#f6f6f6;
    font-size:14px;
    font-weight: bold;
    border-bottom: 1px solid #dbdbdb;
  }
  .bagistablosu .tabloheader .bagisbilgisi {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .bagistablosu .tabloheader .kimadina {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .bagistablosu .tabloheader .bagistutari {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .bagistablosu .tabloheader .bagisdel {
    padding:10px;
    text-align: center;
  }
  .tabloicerik {overflow:hidden;font-size:14px;}
  .tabloicerik .row {border-bottom: 1px solid #dbdbdb;}
  .tabloicerik .bagisbilgisi {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .tabloicerik .kimadina {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .tabloicerik .bagistutari {
    padding:10px;
    border-right:1px solid #dbdbdb;
  }
  .tabloicerik .bagisdel {
    padding:10px;
    text-align: center;
  }
  .tabloicerik .bagisdel a i {
    color:rgb(255, 26, 26)!important;
    font-size:16px;
  }

  .bilgiheader {
    font-weight: bold;
    padding-top:10px;
    font-size: 14px;
  }
  .bilgiinput {
    font-size:14px;
  }
  .kartbilgileri {
    padding:10px;
    background-color: #eeeeee;
    border: 1px solid #dddddd;
    border-radius: 5px;
  }
  .kartbilgileri label {
    font-weight: bold;
    font-size:14px;
  }
  .toplamtutarson {
    font-size:20px;
    margin-top:20px;
    text-align: center;
  }
  .paddingrightleftno {
    padding-right:0;
    padding-left:0;
  }
  .uyari {
    padding:20px;
    background-color:rgb(246, 52, 52);
    border-radius: 5px;
    margin-bottom:15px;
    color:#fff;
    font-size:15px;
    font-weight: bold;
    overflow: hidden;
  }
  .uyari .uyarilar{
    float:left;
  }

  .uyari i {
    font-size:30px;
    margin-right:10px;
    color:rgb(255, 110, 110);
    vertical-align: middle;
    float:left;
    display: block;
  }
  .check {
    text-align: center;
    overflow: hidden;
    position: relative;
    font-size:20px;
    margin-bottom:15px;
  }
  .check i {
    font-size:100px;
    display: block;
    color:#98dd1e;
 }
 .clear {
   clear:both;
 }
 .uyemenu {
   list-style:none;
   margin:0;
   padding:0;
 }
 .uyemenu li a {
   display:block;
   padding:10px;
   color:#5E5C59;
   font-weight: bold;
   border-bottom:1px dotted #f3f3f3
 }
 .uyemenu li a:hover {
   color:#128f76
 }
 .uyemenu li:last-child a{
   border:none;
   color:rgb(255, 26, 26);
 }

 .hesaptablosu {
  overflow: hidden;
  border:1px solid #dbdbdb;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.hesaptablosu .tabloheader {
  background-color:#f6f6f6;
  font-size:12px;
  font-weight: bold;
  border-bottom: 1px solid #dbdbdb;
}
.hesaptablosu .tabloheader .headercol {
  padding:10px;
  border-right:1px solid #dbdbdb;
}


.hesaptabloicerik {overflow:hidden;font-size:12px;}
.hesaptabloicerik .row {border-bottom: 1px solid #dbdbdb;}
.hesaptabloicerik .satiricerik {
  padding:10px;
  border-right:1px solid #dbdbdb;
}

.card {
  margin-bottom:10px;
  border-color:#2C3E50;
}
.card-header {
  padding:0;
  background-color:#2C3E50;
  border:none;
}
.card-header a {
  color:#fff;
  font-weight: bold;
  font-size:14px;
  display: block;
  padding:20px;
}
.card-header a:hover {
  color:#128f76
}
.card-body {

  border:none;
}
.h1stil {
  color:#333;
  font-size:22px;
}
.galerikutu {width: 185px; margin: 5px; border-box: box-sizing; float: left; padding: 5px; overflow: hidden; background: #ddd; color: #333}
.hrpadding {width:100%;clear:both;padding:10px;}

.hisse_tutari {text-align: center;border:1px solid #bbb;background-color:#F3F2EE;width:100%;padding:7px;border-radius: 5px;}
.paddingTop {padding-top:5px;}
.row-clearfix {width:100%;clear:both;height:10px;}

.share{
	border:1px solid #dbdbdb;
	margin-top: 15px;
}
.share:first-child{
	margin-top: 0;
}
.share-rank{
	padding: 7px;
  background-color: #f6f6f6;
  font-weight: bold;
}
 .share-row{
	width: 100%;
	font-size: 0;
	border-top: 1px solid #dbdbdb;
}
.share-row:first-child{
	border-top: 0;
}
.share-title{
	width: 150px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding: 5px;
}
 .share-title span{
	float: right;
	position: relative;
	top: -1px;
}
.share-value{
	width: calc(100% - 150px);
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	padding: 5px;
}

.odemeturu {margin-bottom: 0;font-size:16px;font-weight: bold;color:#5E5C59}
.col-centered{
  float: none;
  margin: 0 auto;
}
.input-field 
{
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 20px;
}
.custom-label, .custom-label-title 
{
  width: 100%;
  float: left;
  margin: 0;
  font-weight: 400;
  cursor: text;
}
.check-label input 
{
  width: 22px;
  height: 22px;
  position: absolute;
  margin-left: 14px;
  cursor: pointer;
}
.check-label p 
{
  width: calc(100% - 33px);
  float: left;
  cursor: pointer;
  color: #939393;
  margin: 0 0 0 40px;
}