body {
  font-family: 'Roboto', sans-serif;
  color:#3C4D53!important;
  background-color:#ffffff;
  overflow-x: hidden;
  padding-top:60px;
}

a, a:hover, a:focus, a:visited {
  color:#52CA46 !important;
}

:focus {
outline: 0;
}

.border-radius-3 { border-radius:3px; }

.header { height:60px;border-bottom: 1px solid rgba(34,53,69,.1); background-color:#fff;position:fixed;width:100%;left:0;top:0;right:0;z-index:200 }

.text-color {
  color:#3C4D53!important;
}

.text-small {
  font-size: 13px;
  margin-top:3px;
}

.text-smaller {
  font-size: 11px;
}

.text-white {
  color:#ffffff;
  
}

.text-green { color:#52CA46; }


h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', 'Roboto', sans-serif;
  font-weight: 700;
}

.font-size-16 { font-size:16px }

header.masthead {
  position: relative;
  background-color: #343a40;
  background: url("../../images/main.jpg") no-repeat center 0;
  background-size: cover;
  padding-top: 3rem;
  padding-bottom: 8rem;
  height:300px;
}

header.kurumsal { background: url("../../images/main-kurumsal.jpg") no-repeat center 0; }

header.masthead .overlay {
  position: absolute;
  background-color: #212529;
  height: 300px;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

header.masthead h1 {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  header.masthead h1 {
    font-size: 2rem;
  }
}

.showcase .showcase-text {
  padding: 0rem;
}

.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}


@media (max-width: 1200px) {
  .features-icons {
    margin-top:320px;
  }
  .navbar-brand { margin:auto; }
  .padding-left-clear, .padding-left-5 { padding-left:15px!important; }
  .padding-right-clear, .padding-right-5 { padding-right:15px!important; }

  .left-side { display:none; }
  .right-side { margin-left:0px!important;width:100%!important;}
}



.show-mobile { display: none; }

footer.footer {
  padding-top: 3rem;
  padding-bottom: 4rem;
  background-color:#3c4d53;
  border-top:4px solid #52CA46;
  position: relative;
  z-index:4;
  
}

.form-control-lg {
    font-size: 1rem;

}
.form-control {
    border: 1px solid #CDD6DE;
    padding-left:.75rem!important;

}

.margin-clear {
  margin-left:0px!important;
  margin-right:0px!important
}

.border-green {
  border-bottom:4px solid #52CA46;
  background-color: #f5f6f7
}


.footer-icon {
  font-size: 24px;
  color: #ffffff;
}

.footer-icon:hover {
  color: #52CA46;
}

.number {

  margin:auto;
}

.form-error {
  color:red!important;
  font-size: 12px;
  display:none;
}

.form-check {
  
  position: relative!important;
  z-index:45;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5em;
    background: #efefef;
    border: none;
    border-radius: 3px;
    padding: 1em 2em 1em 1em;
    font-size: 1em;
}
.select-container {position:relative; display: block;}
.select-container:after {content:""; width:0; height:0; position:absolute; pointer-events: none;}
.select-container:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 1em;
    right: .75em;
    border-top: 8px solid black;
    opacity: 0.5;
}
select::-ms-expand {
    display: none;
}

.custom-control-input:checked~.custom-control-indicator{
color:white;
background-color:#52CA46;
}


.footer-text { padding-left:20px;padding-right:20px;  }


/* Preloader */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;

}

/* preloader */
:focus {
outline: 0;
}

.container { max-width:1280px; width:100%}

dd, h1, h2, h3, h4, h5, h6, label {
    margin-bottom: 0rem;
}

.menu { float:right; padding-top:20px;  }

.menu > a, .menu > a:hover, .menu > a:focus, .menu > a:active { color:#263238; margin:0px 0px 0px 16px; width:auto; font-size:14px;}

.btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle, .btn-secondary:hover, .btn-secondary:active {
    color: #52CA46;
    background-color: #EDF9ED;
    border-color: #52CA46;
    cursor: pointer;
}

.btn-secondary {
    color: #223445;
    background-color: transparent;
    border-color: #223445;
    cursor: pointer;
}

h1 { font-size:24px; font-weight: 500;}
h2 { font-size:22px; font-weight: 500;}
h3 { font-size:18px; font-weight: 500;}
h4 { font-size:16px; font-weight: 500;}
p { font-size:14px; font-weight: 400; color: #64707C; }


.pr-10 { padding-right:10px;!important }
.pl-10 { padding-left:10px;!important }

.panel { border:1px solid rgba(34,53,69,.1);border-radius:3px;padding:16px; margin-bottom:20px; }
.bg-white { background-color:#fff; }
.bg-light { background-color:#F4F8FC; }

.mt-30 { margin-top:30px; }
.mt-50 { margin-top:50px; }
.mb-20 { margin-bottom:20px; }
.mb-50 { margin-bottom:50px; }
.pl-16 { padding-left:16px; }
.pt-32 { padding-top:32px; }

.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }

.p-32 { padding:32px; }

.btn-green, .btn-green.active {
  background-color:#52CA46;
  width:auto;
  border-color:#52CA46;
  font-size:14px;
  height:36px;
}

.btn-dark {
  background-color:#64707C;
  width:auto;
  border-color:#64707C;
  font-size:14px;
  height:36px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #52CA46;
    border-color: #52CA46;
}


.width200 {
  width:200px;
}

.min-height-400 {
  min-height:410px;
}

.panel-content { margin-top: 105px; }

/* Ripple green effect */
.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  background: #44B839 radial-gradient(circle, transparent 1%, #44B839 1%) center/15000%;
  border-color:#44B839;
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
  
}
.ripple:active {
  background-color: #52ca46;
  background-size: 100%;
  transition: background 0s;
}

/* Ripple dark effect */
.ripple-dark {
  background-position: center;
  transition: background 0.8s;
}
.ripple-dark:hover {
  background: #53606D radial-gradient(circle, transparent 1%, #53606D 1%) center/15000%;
  border-color:#53606D;
  box-shadow: 0px 0px 10px rgba(0,0,0,.2);
  
}
.ripple-dark:active {
  background-color: #64707C;
  background-size: 100%;
  transition: background 0s;
}

.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2,117,216,0);
    box-shadow: 0 0 0 2px rgba(2,117,216,0);
}

.left-side { 
  width:300px;
  position:fixed;
  z-index:3;
}

.right-side {
  
  margin-left:320px;
  width:940px;
  margin-top:20px;
  min-height:650px;
  
}

.left-side-item i {
  
  float:right;
  margin-top:3px;
  
}

p.left-side-item {
  
  margin-bottom: 0rem!important;
  border:1px solid rgba(34,53,69,.1);padding:12px 16px;;
  background-color: #fff;
  margin-bottom:-1px!important;
  
}
p.left-side-item.active, p.left-side-item:hover {
  background-color:#F4F8FC;
  cursor: pointer;
}

p.left-side-item:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
p.left-side-item:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.img-container {
  width:240px;
  height:240px;
  border-radius:240px;
  background-color:#F4F8FC;
  text-align: center;
   -moz-box-shadow:    inset 0 0 13px rgba(0,0,0,.1);
   -webkit-box-shadow: inset 0 0 13px rgba(0,0,0,.1);
   box-shadow:         inset 0 0 13px rgba(0,0,0,.1);
   margin:auto;
}

.karsilastir1 {
  background-image: url(../../images/icons/karsilastir1.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.karsilastir2 {
  background-image: url(../../images/icons/karsilastir2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.karsilastir3 {
  background-image: url(../../images/icons/karsilastir3.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.birlikte1 {
  background-image: url(../../images/icons/birlikte1.png);
  background-repeat: no-repeat;
  background-position: center;
}

.birlikte2 {
  background-image: url(../../images/icons/birlikte2.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}

.birlikte3 {
  background-image: url(../../images/icons/birlikte3.png);
  background-repeat: no-repeat;
  background-position: left;
}

.mahalle1 {
  background-image: url(../../images/icons/mahalle1.png);
  background-repeat: no-repeat;
  background-position: left;
}
.mahalle2 {
  background-image: url(../../images/icons/mahalle2.png);
  background-repeat: no-repeat;
  background-position: left;
}


.ulasim1 {
  background-image: url(../../images/icons/birlikte3.png);
  background-repeat: no-repeat;
  background-position: left;
}

.ulasim2 {
  background-image: url(../../images/icons/birlikte3.png);
  background-repeat: no-repeat;
  background-position: left;
}

.degeri1 {
  background-image: url(../../images/icons/degeri1.png);
  background-repeat: no-repeat;
  background-position: center;
}

.degeri2 {
  background-image: url(../../images/icons/degeri2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.degeri3 {
  background-image: url(../../images/icons/degeri3.png);
  background-repeat: no-repeat;
  background-position: center;
}

.degeri4 {
  background-image: url(../../images/icons/degeri4.png);
  background-repeat: no-repeat;
  background-position: center;
}

.yakininda1 {
  background-image: url(../../images/icons/yakininda1.png);
  background-repeat: no-repeat;
  background-position: center;
}

.yakininda2 {
  background-image: url(../../images/icons/yakininda2.png);
  background-repeat: no-repeat;
  background-position: center;
}

.cevrede1 {
  background-image: url(../../images/icons/cevrede1.png);
  background-repeat: no-repeat;
  background-size:cover;
  min-height:400px;
}

.jethat1 {
  background-image: url(../../images/icons/jethat1.png);
  background-repeat: no-repeat;
  background-position:center;
}

.jethat2 {
  background-image: url(../../images/icons/jethat2.png);
  background-repeat: no-repeat;
  background-position:bottom;
}

.jethat3 {
  background-image: url(../../images/icons/jethat3.png);
  background-repeat: no-repeat;
  background-position:center;
}

.rehber1 {
  background-image: url(../../images/icons/rehber1.png);
  background-repeat: no-repeat;
  background-position:center;
}

.rehber2 {
  background-image: url(../../images/icons/rehber2.png);
  background-repeat: no-repeat;
  background-position:center;
}

.rehber3 {
  background-image: url(../../images/icons/rehber3.png);
  background-repeat: no-repeat;
  background-position:center;
}

.website1 {
  background-image: url(../../images/icons/website1.png);
  background-repeat: no-repeat;
  background-position:bottom;
}

.website2 {
  background-image: url(../../images/icons/website2.png);
  background-repeat: no-repeat;
  background-position:center;
}

.bitmeyen1 {
  background-image: url(../../images/icons/bitmeyen1.png);
  background-repeat: no-repeat;
  background-size:cover;
  min-height: 380px;
}

.goldmaster1 {
  background-image: url(../../images/icons/goldmaster1.png);
  background-repeat: no-repeat;
  background-size:cover;
  min-height: 380px;
}


.hamburger { display:none; position: fixed; right:20px; top:15px; z-index:300; cursor:pointer; }

#bireysel1, #bireysel2, #bireysel3, #bireysel4, #bireysel5, #bireysel6,
#kurumsal1, #kurumsal2, #kurumsal3, #kurumsal4, #kurumsal5, #kurumsal6
{ display:none; }

.width-full { width:100%; }

.hata {position:absolute;z-index:2;width:92%;display:none; }
.basarili {position:absolute;z-index:2;width:92%;display:none; }

 .kurumsal-img {
  width:50%;
 }

@media (max-width: 768px) {
  h1 { font-size: 20px; }
  h2 { font-size: 18px; }
  h3 { font-size: 18px; line-height:150% }
  h4 { font-size: 16px; line-height:150% }
  h5 { font-size: 14px; }
  .mb-5 { margin-bottom:0px!important; }
  header.masthead {
    background: url("../../images/main-mobile.jpg") no-repeat center 0;
    height:300px;
    padding-top: 1rem;
    padding-bottom: 0rem;
  }
  
  header.kurumsal { background: url("../../images/main-mobile-kurumsal.jpg") no-repeat center 0; }
  .text-center-mobile { text-align:center; }
  .menu { display:none; }
  .mt-20-mobile { margin-top:20px!important; }
  .pr-10 { padding-right:15px!important; }
  .pl-10 { padding-left:15px!important; }
  .mb-20-mobile { margin-bottom:20px!important; }
  .hamburger { display:block!important; }

  .left-side { width:100%!important;left:0; right:0; top:60px;z-index:5; }
  .pr-0-mobile { padding-right:0px; }
  .p-16-mobile { padding:16px!important; }
  .min-height-400 { min-height:200px!important; }
  .panel-content { margin-top:20px!important; margin-bottom:20px!important; }
  .show-mobile { display: block!important; }
  .goldmaster1 {
    min-height: 230px!important;
  }
  .cevrede1 {
    min-height: 230px!important;
  }
  .bitmeyen1 {
    min-height: 230px!important;
  }
  
   .kurumsal-img {
    width:100%;
  }
 
  .col-xs-text-center { text-align: center; }
  
}