body{font-family: 'Gotham Narrow';font-weight: 300;font-style:normal;font-size:18px;}
header{background-image:url("../images/header-bg.png");background-position:top center;background-repeat:no-repeat;min-height:300px;position:relative;z-index: 99;}
.navbar-light .navbar-nav .nav-link {color:rgba(255,255,255,1);}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:rgba(255,255,255,1);}
.nav-link {display:block;padding:20px 20px !important;font-size:20px;}
.slider{z-index:-9;margin-top: -300px;}
.carousel-caption {position:absolute;right:15%;bottom:auto;
left:calc(100% - 35%);width:340px;top:calc(50% - 150px);
z-index:10;padding-top:20px;
padding-bottom:20px;color: #fff;text-align: right;
background-color:#244C81;
padding:50px;border-radius:20px;}
.carousel-caption h1{
  font-size: 30px;
  font-weight: bold;
}
.main{
  color: #244C81;
}

.btn-primary-dark {
    background-color: #244C81;
    border: none;
    transition: all 300ms;
    padding: 5px 30px;
}
.top-80{margin-top: -80px;}

.footer-top{
  background-image: url("../images/footer-top.png");
  background-position: top center;
  background-repeat: no-repeat;
  min-height: 190px;
  position: relative;
  z-index: -1;
}
footer{
  background-color: #244C81;
  position: relative;
  font-size: 18px;
  color: #fff;
}
  footer::after {
    content: '';
    height: 20px;
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    background-image: url(../images/footer-left-right-line.png);
    z-index: -2;
}
footer a{color: #fff;}
footer a:hover{color: #fff9;}
footer .nav-link {
    display: block;
    padding: 0px 0px !important;
    font-size: 18px;
}
a.online-katalog{
  width: 170px;
  height: 50px;
  padding: 15px;
  display: flex;
  float: right;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border:solid 2px #fff;
  background: #223259;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #244C81, #223259);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #244C81, #223259); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
a.online-katalog:hover{background: #223259; text-decoration: none; cursor: pointer;}
a.online-katalog span{
  font-size: 18px; font-weight: bold;
  line-height: 18px;
}
ul.social{
  list-style: none;
  padding: 0px;
  margin: 5px auto;
  width: 155px;
  display: inline-block;
}
  ul.social li{
    float: left;
    }
      ul.social li a{
    text-decoration: none; cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 30px;
    border:solid 3px #fff;
    background: #223259;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 10px 5px;
    font-size: 18px;

  }

.page-header{
  font-weight: bold;
  color: #244C81;
}
.ser-bas{
  color: #244C81;
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 30px;
}
.urun-bas{
  color: #244C81;
  text-align: center;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 5px;
  margin-top: 7px;
}

.card.urun-c{
  position: relative;
  border-radius: 0px !important;
}
.card.urun-c .card-body{
  padding: 0px !important;
}
.card.urun-c .card-img-overlay{
  background-color: #244C8177;
  border-radius: 0px !important;
  transition: all 300ms;
  color: #fff;
  text-align: center;
}
.card.urun-c:hover .card-img-overlay{
margin: 20px;
}

.card.urun-c .card-img-overlay h3{
font-weight: bold;
text-shadow: 0 0 8px #444;
margin-top: 50%;
}
.card.urun-c .card-img-overlay a.btn-sm{
  margin-top: 250%;
  transition: all 300ms;
}
.card.urun-c:hover .card-img-overlay a.btn-sm{
margin-top: 20px;
}

  .small-link {
  /* padding: 0px 0px 5px 30px; */
  /* padding: 2px 0px 2px 10px; */
  font-size: 14px;
  color: black !important;
}

.card.urun-c .card-img{

}
.arti{margin-top: 80px; transition: all 300ms;}
.arti span:nth-child(1){
  display: block;
  width: 120px;
  height: 2px;
  background-color: #fff;
  margin: 0px auto;
  transition: all 300ms;
}
.arti span:nth-child(2){
  display: block;
  width: 120px;
  height: 2px;
  background-color: #fff;
  margin: 0px auto;
  transform: rotate(90deg);
  transition: all 300ms;
}
.card.urun-c:hover .arti{margin-top: 30px;}
.card.urun-c:hover .arti span:nth-child(2){
transform: rotate(0deg);
height: 0px;
}

.accordion .card-header {
    padding: .2rem .5rem;
    margin-bottom: 0;
    background-color:#244C81;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.accordion .card-header a {
text-decoration: none;
font-weight: 500;
font-size: 20px;
color: #fff;
}

.navbar.navbar-expand-lg{
  margin-top: 40px;
}
.carousel-caption a{color: #fff; text-decoration:underline;}
.carousel-indicators li {
    width: 10px;
    height: 10px;
 }
 li.list-group-item .fa {
    background-color: #456794;
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 20px;
    margin-right: 10px;
    float: left;
}
@media screen and (max-width: 1366px) and (min-width: 900px) {
  .navbar-brand img{width: 100px;}
  header {
    background-position: center -100px;
    min-height: 220px;
  }
  .slider {
    margin-top: -220px;
  }
  .navbar.navbar-expand-lg{
    margin-top: 15px;
  }
}