﻿body { background: #fff; font-family: 'Montserrat', Helvetica, sans-serif; font-size: 12px; color: #6b6b6b; margin: 0 0 0 0; }
a, a:link, a:visited, a:hover { text-decoration: none; color: #6b6b6b; }
a img { border: none; }
div.clr, div.clear { height: 1px; clear: both; overflow: hidden; }
div.clr2 { height: 0px; clear: both; overflow: hidden; }
h1, h2, h3, h4, ul, p { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { font-size: 12px; }
ul li { list-style-type: none; }
.altresim {margin :30px 0px; text-align:center; width:100%; }
.container { max-width: 970px; margin: auto; }
#logo a { width: 240px; height: 80px; display: block; overflow: hidden; text-indent: -9999px; background: url(/static/images/ustlogo.png) no-repeat top left; background-size: cover; }

div#ustMenu { padding-top: 25px; }
.nav > li > a { padding: 10px 7px; }
.nav > li > a:hover { background: #cba675; color: #fff; }

.mobileMenu { background:#017eba; display:none; position:relative;  }
.sr-only {  float:right; color:#fff; width:50px; height:18px; position:static; font-weight:bold; font-size:16px; }
.navbar-toggle { background:#fff; color:#999999; display:none; width:100%; margin-right:0; margin-bottom:0; padding:12px 10px; }
.navbar-toggle:hover { background:#eee; color:#af8655 }
.navbar-toggle .icon-bar { background: #fff; }
.navbar-toggle:hover .sr-only { color:#af8655; }
.navbar-toggle:hover .icon-bar { color:#af8655; background: #af8655; }
.navbar-new {float:right;}




div#slider { margin-bottom: 150px; }
.carousel { margin:auto; }
.carousel-control.left, .carousel-control.right { background: none; }
.carousel-indicators { width: 25%; }
.carousel-Text { position: absolute; top: 130px; left: 20%; color: #fff; text-align: center; font-size: 14px; }
.carousel-Text h2 { font-family: 'Arvo', Helvetica, sans-serif; font-size: 50px; margin: 5px 0 15px 0; }
.carousel .item {  }
.carousel .item img { width:100%; }
div#diskoTopu { position: absolute; z-index: 9499; top: 300px; }
div#tanitimFilmi { position: absolute; z-index: 9499; top: 300px; right: 0; }
#bolumler { clear: both; margin-bottom: 50px; }
#bolumler .noMar { padding-right: 0; width: 240px; }
.bolum a { display: block; padding: 40px 10px; color: #777777; }
.bolum a:hover { background: #cba675; color: #fff; border-radius: 6px; box-shadow: 14px 24.249px 57px 0px rgba(0, 0, 0, 0.098); }
.bolum .bolumResim { height: 150px; text-align: center; }
.bolum .bolumResim img { border-radius: 50%; border: 3px solid #e5e5e5; }
.bolum a:hover .bolumResim img { border: 3px solid #fff; }
.bolum a h2 { text-align: center; height: 50px; color: #af8655; font-size: 14px; font-weight: 700; letter-spacing: 2px; line-height: 21px; }
.bolum a:hover h2 { color: #fff; }
.bolumYazi { font-family: 'Arvo', Helvetica, sans-serif; height: 125px; overflow: hidden; font-size: 13px; text-align: center; line-height: 21px; }
.bolumDevami { clear: both; text-align: center; }
.bolumDevami p { display: inline-block; border: 1px solid #b5b5b5; border-radius: 22px; padding: 10px 35px; color: #525252; font-size: 12px; font-weight: 700; }
.bolum a:hover .bolumDevami p { background: #af8655; border: 1px solid #af8655; color: #fff; }
div#diskoTopu2 { text-align: right; margin-top: -100px; }
div#galeri { margin-top: -200px; }
div#galeriYazi { text-align: right; font-size: 14px; padding: 190px 0 20px 0; }
#galeriFotolar { position:relative; height:650px; }
#galeriFotolar img { position:absolute }
#galeriFotolar img#foto-1 { width:30%; z-index:1; left:50px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
#galeriFotolar img#foto-2 { width:26%; z-index:2; top:245px; left:75px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
#galeriFotolar img#foto-3 { width:27%; z-index:3; top:260px; left:360px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
#galeriFotolar img#foto-4 { width:43%; z-index:4; top:75px; left:165px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
.aYuvarlak { border: 1px solid #b5b5b5; border-radius: 22px; padding: 10px 25px; background:#fff; color: #525252; font-family: 'Montserrat', sans-serif; color: #6b6b6b; display: inline-block; margin-bottom: 20px; }
.aYuvarlak:hover { background: #af8655; border: 1px solid #af8655; color: #fff; }
div#footer { background: #2c2c2c; padding: 2px 0 0 0; font-size: 14px; color: #c8c8c8; }
div#footer h2 { margin-bottom: 30px; color: #fff; font-family: 'Montserrat', sans-serif; }
div#footer h2 a { color: #fff; font-family: 'Montserrat', sans-serif; }
div#footer a { color:#c8c8c8; }
div#linkler { line-height: 25px; font-family: 'PT Sans', sans-serif; }
div#ftLogo { border-top: 1px solid #424242; margin-top: 30px; padding-top: 30px; }
div#ftLogo ul li a { color: #fff; margin-left: 80px; }
div#ftLogo ul li a:hover { background: none; }
div#copyright { color: #c8c8c8; font-size: 12px; font-family: 'PT Sans', sans-serif; padding: 20px 0; }
div#ustResim { text-align: center; overflow: hidden; background:#eee; }
div#ustResim img { display:inline-block; }
div.icerikBox { background: url(/static/images/solbg.jpg) no-repeat bottom left #cba675; }
div.sagIcerik { width: 720px; float: right; background: #fff; min-height: 800px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
div.icerikMetin { padding: 67px 80px 0 80px; font-family: 'Arvo', Helvetica, sans-serif; font-size: 13px; line-height: 21px; color: #959595; }
div.icerikMetin2 { padding: 67px 0px 0 40px; font-family: 'Arvo', Helvetica, sans-serif; font-size: 13px; line-height: 21px; color: #959595; }
div.solMenu { color: #fff; width: 220px; float: left; }
div.menuBaslik { background: #af8655; padding: 37px 0 20px 35px; font-size: 14px; }
div.solMenu ul { margin: 30px 0 70px 35px; }
div.solMenu ul li { background: url(/static/images/cuk.png) no-repeat 0px 8px; padding-left: 16px; margin: 10px 0; }
div.solMenu ul li a { color: #fff; display: inline-block; font-size: 14px; }
div.solMenu ul li.active { background: url(/static/images/cukka.png) no-repeat 0px 8px; }
div.solMenu ul li.active a { font-weight:700; }
div.menuButton { text-align: center; }
div.menuButton a { border-radius: 23px; background-color: #fff; box-shadow: 6px 10.392px 18px 0px rgba(0, 0, 0, 0.075); padding: 17px 30px; }
.fMont { font-family: 'Montserrat', sans-serif; color: #6b6b6b; }
div#menuIcBaslik { background: #ede7ff; padding: 50px 0 50px 70px; font-family: 'Great Vibes', cursive; font-size: 36px; color: #525252; letter-spacing: 2px; }
div#menuIcIcerik { padding: 67px 80px 0 80px; color: #6b6b6b; font-size: 14px; }
div#menuIlaveler { padding-left: 0px; padding-right: 0; margin-left: -15px; box-shadow: 0px 0px 10px 0px rgba(32, 30, 24, 0.122); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
div#ilaveBaslik { background: url(/static/images/plus.png) no-repeat center bottom #c0b3e8; padding: 30px 30px 60px 30px; color: #33322e; }
div#ilaveBaslik h3 { color: #fff; font-size: 16px; margin-bottom: 10px; }
div#ilaveHizmetler { padding: 10px 30px 10px 30px; }
div.ilaveHizmet:first-child { border:none; }
div.ilaveHizmet { border-top:2px solid #ebeff2; padding:20px 0 10px 0; }
div.ilaveHizmet h4 { margin-bottom:20px; }
.checkBoxKadrius { position: relative; margin: 15px 0; border-radius: 2px; }
.checkBoxKadrius label { width: 18px; height: 18px; position: absolute; top: 0px; left: 0px; cursor: pointer; background: #fff; box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.5), 0px 1px 0px white; border-radius: 5px; border: 1px solid #ecedf1; }
.checkBoxKadrius label:after { content: ''; width: 16px; height: 16px; position: absolute; top: 0px; left: 0px; background: url(/static/images/check.png) no-repeat 2px 4px #c0b3e8; opacity: 0; border-radius: 4px; }
.checkBoxKadrius label:hover::after { opacity: 0.3; }
.checkBoxKadrius input[type=checkbox] { visibility: hidden; margin: 0 10px 0 0; }
.checkBoxKadrius input[type=checkbox]:checked + label:after { opacity: 1; }
div#harita { height:220px; }
#adresUl li { padding-bottom:15px; }
div.galeriSayfa { min-height:470px; }
div#galeriIc .row { margin-bottom:40px; }
.pagination > li > a { border:none; border-radius:15px; color:#6b6b6b; }
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination>.active>a:focus { background:#d0b38a; }
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination>li:first-child>a, .pagination>li:first-child>span { border-radius:15px; }
.pagination > li:first-child > a:focus, .pagination > li:last-child > a:focus { background:none; }
.fotoItem, .videoItem { text-align:center; }
.fotoItem img, .videoItem img { display:inline-block; }
.videoPlay { position:absolute; background:url(/static/images/play.png) no-repeat center; height:135px; width:85%;  }
.footerGorsel {width:100%; height:340px;margin-bottom:30px;}

@media screen and (min-width: 768px) {
    .carousel-indicators { bottom: 140px; }
}

@media (max-width: 768px) {
    div#tanitimFilmi { display:none; }
    div#header { padding-bottom:15px; }
    #mobileMenu {  display: block; text-align:center; padding:0 15px; }
    .navbar-toggle { display: inline-block; background:#af8655; width:100%; margin:auto; color:#fff; clear:both; float:none; }
    div#ustMenu { padding-top:0; }
    .navbar-nav { margin:0; float:right; background:#eee; }
    #logo a { display: block; margin: auto; }
    div.icerikBox { background-image: none; margin-bottom: 20px; }
    div.sagIcerik { width: 100%; box-shadow: none; }
    div.icerikMetin { padding: 27px 10px 0 10px; }
    div.solMenu { width: 100%; padding-bottom: 20px; }
    div.menuButton a { display: inline-block; }
    div#linkler div { margin-bottom: 20px; }
    div#footer h2 { margin-bottom: 5px; }
    div#ftLogo div.text-right { text-align: center; margin-bottom: 10px; }
    div.fotoItem { margin-bottom:15px; }
    div#menuIlaveler { margin-bottom:20px; }
    div.carousel-Text { top:20px; font-size:12px; }
    div.carousel-Text h2 { font-size:20px; }
    div#diskoTopu { display:none; }
    div.carousel-Text { display:none; }
    #galeriFotolar { height:400px; }
    #galeriFotolar img#foto-1 { left:50px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
    #galeriFotolar img#foto-2 { top:145px; left:75px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
    #galeriFotolar img#foto-3 { top:160px; left:220px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
    #galeriFotolar img#foto-4 { top:75px; left:165px; box-shadow: -25px 0px 30px 0px rgba(32, 30, 24, 0.122); }
    .footerGorsel{height:200px;}
    .altresim img {
        max-width: 100%; /* Resim maksimum genişliği %100 olacak */
        height: auto; /* Yükseklik otomatik olarak ayarlanacak */
        margin: 10px 0; /* Boşluk ayarını isteğinize göre düzenleyebilirsiniz */
        text-align: center;
    }
  
}

@media (max-width: 992px) {
    div#header { padding-bottom:15px; }
    #logo a { display: block; margin: auto; }
    .carousel-indicators { bottom: 40px; }
    div.icerikBox { background-image: none; margin-bottom: 20px; }
    div.sagIcerik { width: 100%; box-shadow: none; min-height:300px; }
    div.icerikMetin { padding: 27px 10px 0 10px; }
    div.solMenu { width: 100%; padding-bottom: 20px; }
    div.menuButton a { display: inline-block; }
    div#linkler div { margin-bottom: 20px; }
    div#footer h2 { margin-bottom: 5px; }
    div#ftLogo div.text-right { text-align: center; margin-bottom: 10px; }
    div.fotoItem { margin-bottom:15px; }
    div#menuIlaveler { margin-bottom:20px; }
    div#tanitimFilmi { display:none; }
    div.carousel-Text { top:40px; }
    div#diskoTopu { display:none; }
    div#slider { margin-bottom:20px; }
   
    
    
}