* {font-family: 'Raleway', sans-serif;} 
html {
    overflow-x: hidden;
}
body {
    overflow-x: hidden;
    background: #f1f1f1;
}
a:hover {
    text-decoration: none;
	
}
.arama{ 
    background: rgba(208,206,206,0.5);
    padding: 4px 2px;
    display: inline-block;
    float: right;
    margin-top: -50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.arama input:focus{
    outline: none;
}
.arama input{
    background: transparent;
    border: 0px;
    color: #fff;
    padding-left: 5px;
}
.arama button{
    background: #d5d5d5;
    border: 0px;
    color: #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-right: 5px;
}
.arama input::-webkit-input-placeholder{
    color: #fff;
}
.bar4 {
    height: 155px;
    overflow: hidden;
    width: 100%;
}
.bar4 .resim {
    position: absolute;
    height: 155px;
    overflow: hidden;
    width: 100%;
}
.bar4 .resim img {
    min-width: 100%;
    height: 155px;
    opacity: 1;
    z-index: -2;
}
.bar4 .adresler {
    z-index: 2;
    margin-top: 62px;
    position: relative;
    text-align: center;
}
.bar4 .adresler ul {
    padding: 0;
    line-height: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
}
.bar4 .adresler ul li {
    list-style: none;
}
.bar4 .adresler ul li a {
    font-size: 16px;
    color: #fff;
	font-weight: light;
}
.bar4 .adresler ul li a:before {
    content: "/";
}
.bar4 .adresler h1 {									
    padding: 0;																				
	margin-top: -2px;
    margin-right: -20px;
    margin-bottom: 20px;
    margin-left: -20px;
    font-size: 28px;
	font-weight: bold;
    color: #fff;
    text-align: center;
}
.ok1,
.ok2 {
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(resim/oklar.png) no-repeat;
    overflow: hidden;
    transition: background-position 0.2s;
    -webkit-transition: background-position 0.4s;
    -moz: background-position 0.4s;
}
.ok3,
.ok4 {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(resim/oklar1.png) no-repeat;
    overflow: hidden;
}
.ok5,
.ok6 {
    display: block;
    position: absolute;
    width: 27px;
    height: 27px;
    cursor: pointer;
    background: url(resim/oklar2.png) no-repeat;
    overflow: hidden;
    transition: background-position 0.2s;
    -webkit-transition: background-position 0.4s;
    -moz: background-position 0.4s;
	 top:250px;
	 left:50px;
	 z-index:5;
}
.ok1 {
    background-position: 0 0;
}
.ok1:hover {
    background-position: 0 -29px;
}
.ok2 {
    background-position: -28px 0;
}
.ok2:hover {
    background-position: -28px -29px;
}
.ok3 {
    background-position: 0 0;
}
.ok3:hover {
    background-position: 0 -40px;
}
.ok4 {
    background-position: -40px 0;
}
.ok4:hover {
    background-position: -40px -40px;
}
.ok5 {
    background-position: 0 0;
}
.ok5:hover {
    background-position: 0 -29px;
}
.ok6 {
    background-position: -28px 0;
}
.ok6:hover {
    background-position: -28px -29px;
}
.ok6.right{
	right:50px;
	left:auto;
}
.bar2.is-stuck {
    top: 0;
    right: 0;
    margin-top: 0;
    z-index: 999;
    position: fixed;
    width: 100%;
}
#slider3 {
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 30px;
    width: 1140px;
    height: 900px;
    border: 1px solid #e2d3c7;
}
#slider3 .slaytlar {
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 1140px;
    height: 660px;
}
#slider3 .slaytlar div .buyut {
    display: none;
    position: absolute;
    z-index: 5;
    bottom: 5px;
    right: 5px;
    background: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#slider3 .slaytlar div .buyut i {
    color: white;
    padding: 10px;
    display: block;
    font-size: 50px;
}
#slider3 .slaytlar div:hover .buyut {
    display: block;
}
#slider3 .jssort02 {
    cursor: move;
    position: absolute;
    width: 1140px;
    height: 210px;
    overflow: hidden;
    right: 0;
    top: 680px;
}
#slider3 .jssort02 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 210px;
}
#slider3 .jssort02 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
#slider3 .jssort02 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#slider3 .jssort02 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*border: #000 2px solid;*/
    box-sizing: content-box;
    _background: none;
}
#slider3 .jssort02 .pav .c {
    background: rgba(76, 161, 182, 0.5);
    width: 100%;
    height: 100%;
}
#slider3 .jssort02 .p:hover .c {
    background: rgba(249, 166, 0, 0.5);
    width: 100%;
    height: 100%;
}
#slider3 .jssort02 .p.pdn .c {
    width: 100%;
    height: 100%;
}
#slider3 * html .jssort02 .c,
#slider3 * html .jssort02 .pdn .c,
#slider3 * html .jssort02 .pav .c {
    width: 100%;
    height: 100%;
}
#slider2 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1140px;
    height: 260px;
    
}
#slider2 .slaytlar {
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 1140px;
    height: 260px;
}
#slider2 .slaytlar .etiket {
    position: absolute;
    bottom: 10px;
    right: 0;
    display: block;
    background: rgba(42, 78, 78, 0.8);
    padding: 5px;
    color: white;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    
}
.rslides .etiket {
    position: absolute;
    display: block;
    text-align: left;
    background: #41185e;
    padding: 10px;
    min-height: 67px;
    width: 235px;
    left: 0;
    bottom: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.rslides .etiket .b1 {
    display: block;
    color: #ffd500;
    text-transform: uppercase;
    font-size: 16px;
    /*font-weight: bold;*/
}
.rslides .etiket .b2 {
    display: block;
    padding-top: 5px;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
}
.rslides .etiket .ok1 {
    right: 40px;
    bottom: 20px;
}
.rslides .etiket .ok2 {
    right: 10px;
    bottom: 20px;
}
#slider1 {
    position: relative;
    top: 0px;
    left: 0px;
    width: 1350px;
    overflow: hidden;
    margin: 0 auto;
    height: 518px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#slider1 .slaytlar {
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 0px;
    width: 1350px;
    height: 518px;
}
#slider1 .slaytlar .etiket {
    position: absolute;
    display: block;
    text-align: left;
    background: #2a4e4e;
    padding: 10px;
    min-height: 67px;
    width: 235px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#slider1 .slaytlar .etiket .b1 {
    display: block;
    color: #ffd500;
    text-transform: uppercase;
    font-size: 16px;
    /*font-weight: bold;*/
}
#slider1 .slaytlar .etiket .b2 {
    display: block;
    padding-top: 5px;
    text-transform: capitalize;
    color: #fff;
    font-size: 14px;
}
.loading_container {
    position: absolute;
    top: 0px;
    left: 0px;
}
.loading_bg {
    /*filter: alpha(opacity=70);*/
    /*opacity:0.7;*/
    position: absolute;
    display: block;
    /*background-color: #000;*/
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.loading {
    position: absolute;
    display: block;
    background: url(resim/loading.gif) no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.sosyal {
    background: url(resim/sosyal-btn.png);
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 5px;
}
.btn-facebook {
    background-position: 0 0;
}
.btn-instagram {
    background-position: -48px 0;
}
.btn-google {
    background-position: -96px 0;
}
.btn-twitter {
    background-position: -144px 0;
}
.btn-youtube {
    background-position: -192px 0;
}
.btn-linkedin {
    background-position: -240px 0;
}
.btn-pinterest {
    background-position: -288px 0;
}
.kutu1 {
    overflow: hidden;
    margin-bottom: 30px;
}
.kutu1 .kutu1b {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    border-top: 0px solid #28301a;
    border-bottom: 0px solid #28301a;                                       
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.kutu1:hover .kutu1b {
    color: #000;
	font-weight: bold;
    background: #dadada;	                                                       
    border-bottom: 0px solid #9b1006;
    border-top: 0px solid #9b1006;
}
.kutu2 {
    margin-bottom: 30px;
}
.kutu2 .resimler {
    position: relative;
}
.kutu2 .kutu1b {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    border-bottom: 0px solid #959595;
    color: #000;		
    background: #e2d3c7;											
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.kutu2:hover .kutu1b {
    color: #000;
	font-weight: bold;
    background: #f1a311;	                                                       
    border-bottom: 0px solid #9b1006;
    border-top: 0px solid #9b1006;
}
.bar7 {
    padding-top: 10px;
    padding-bottom: 1px;
    background: #F1F1F1;
}
.altMenu {
    border-top: 0px solid #fff;	                                 
    border-bottom: 0px solid #fff;	                            
}
.altMenu a {
    display: block;
    padding: 5px;
    color: #fff;
    text-align: left;
	font-weight: bold;
}
.altMenu a:hover,
.altMenu a.active {
    color: #D7B2F7;
    font-weight: bold;
}
.altMenu2 {
    margin-top: 20px;
    border-top: 0px solid #fff;								
    border-bottom: 0px solid #fff;							
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.altMenu2 a {
    display: block;
    padding: 5px;
    color: #4f0505;
    text-align: center;
}
.altMenu2 a:hover,
.altMenu2 a.active {
    color: #9b1006;
    font-weight: bold;
}
.anasayfaIcerik {
    margin-top: 10px;
    color: #182c41;
}
.anasayfaIcerik { margin-left:30px; }
.bar6 .baslik {
    display: block;
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #ffd500;
    border-top: 1px solid #ffd500;
}
.bar6 .baslik h1 {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 24px;
    padding: 6px 0;
    color: #ffd500;
}
.bar6 .baslik ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    float: right;
    list-style: none;
}
.bar6 .baslik ul li {
    float: left;
    text-transform: capitalize;
    padding: 9px 0;
    float: right;
    color: #ccaa00;
}
.bar6 .baslik ul li a {
    color: #ffd500;
}
.bar6 .baslik ul li a:after {
    content: "/";
    display: inline-block;
    padding: 0 3px;
}
.bar6 .icerik {
    min-height: 200px;
    margin-bottom: 90px;
    margin-top: 30px;
}
.bar6 .icerik img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.bar6 .icerik3 {
    margin-top: 30px;
}
.bar6 .icerik3 img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.bar6 .icerik2 {
    min-height: 200px;
    margin-top: 30px;
}
.altBarMenu h2 {
    font-size: 15px;
    color: #f1e121;
}
.altBarMenu ul {
    padding: 0;
    list-style: none;
}
.altBarMenu ul li {
    padding: 0;
    font-size: 14px;
    color: #949698;
}
.altBarMenu ul li a {
    color: #fff;
    font-size: 12px;
}
.altBarMenu ul li a:hover {
    color: #fff;
	font-weight: bold;
}
.bar8 {
  background: radial-gradient(circle,
    #FFD36C 0%,
    #D49A21 45%,
    #9F6A06 80%,
    #3D2300 100%
);


    padding: 10px;
    font-size: 13px;
}
.bar5 {

    height: 500px;
    margin-top: 300px;
    overflow: hidden;
    background: #000000;

}
.bar5 .row {
    margin-top: 15px;
    margin-bottom: 15px;
}
.bar5 .tasiyici {
    font-size: 14px;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 15px;
    width: 200px;
    margin-left: -10px;
}
.kisayol {
    margin-top: 30px;
}
.kisayol a {
    display: table;
    position: relative;
}
.kisayol a img {
    float: left;
}
.kisayol a .yazi {
    margin-left: 5px;
    display: table-cell;
    vertical-align: middle;
}
.kisayol a .yazi .baslik {
    color: #1f2863;
    border-bottom: 1px solid #7a9090;
    text-transform: uppercase;
}
.kisayol a .yazi .aciklama {
    color: #000000;
    margin-top: 5px;
}
.kisayol a:hover .baslik {
    border-bottom: 1px solid #1f2863;
}
.bar3 {
    display: inline-block;
    background: #F1F1F1;
    /*margin-top: 30px;*/
    width: 100%;
}
.bar3 span {
    font: caption;
    color: #000;
    display: block;
    padding: 20px 0;
    font-weight: bold;
    font-size: large;
    text-align: -webkit-center;
}
.bar2 {
    background: #F1F1F1;
    font-size: 14px;

}
.bar1 {
    background: #000000;
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#780e00', endColorstr='#780e00', GradientType=1);
    color: #fff;
    font-size: 12px;
}
.bar1 .col-md-6 {
    padding-left: 25px;
    padding-top: 7px!important;
    padding-bottom: 7px!important;
    font-size: 12px;
    padding-right: 32px;
    
}
.bar1 .col-md-6 .menu {
    line-height: 10px;
    display: inline-block;
}
.bar1 .col-md-6 .menu li {
    float: left;
}
.bar1 .col-md-6 .menu li a {
    display: block;
    color: #fff;											
}
.bar1 .col-md-6 .menu li a:after {
    content: '|';
    padding: 0 5px;
}
.bar1 .col-md-6 .menu li a:hover {
    color: #000;
}
.bar1 .col-md-6 .menu li:last-child a:after {
    content: '';
    padding: 0;
}
.menu {
    list-style: none;
    padding: 0!important;
    margin: 0!important;
}
#yukleniyor {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
#yukleniyor #logo {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -45px;
}
#yukleniyor #logo div {
    color: #fff;
    font-size: 32px;
}
#yukleniyor #parca1 {
    height: 50%;
    width: 100%;
    top: 0;
    position: absolute;
    background: #2a4e4e;
}
#yukleniyor #parca2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #2a4e4e;
}
.altBaslik {
    font-size: 16px;
    color: #000;
    font-weight: light;
    margin-bottom: 30px;
}
.kategoriliste {
    margin-bottom: 30px;
}
.kategoriliste .col-md-8 {
    display: table;
    height: 125px;
}
.kategoriliste .col-md-8 a {
    display: table-cell;
    vertical-align: middle;
    color: #000;
}
.kategoriliste .col-md-8 a h3 {
    margin: 0;
    padding: 0;
    color: #9C1323;
    padding-bottom: 20px;
    /*text-decoration-color: #1F3F71;*/
}
.kategoriliste .col-md-8 a hr {
    margin: 0;
    margin-bottom: 15px;
}
.kategoriliste .col-md-8 a:hover {
    text-decoration: none;
}
.cerceve1 {
    border: 2px solid #2a4e4e;
}
.cerceve2 {
    border: 2px solid #ffd500;
}
#divFancy img {
    max-width: 100%!important;
    height: auto;
}
hr.style1 {
    border-top: 1px solid #dadada;
}


/* ===========================
   PARALLAX & HAKKIMIZDA BLOKLARI
   =========================== */

.parallaxour {
    margin: 30px 0;
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}

/* Arka planlı olanlarda kullanılıyor */
.parallaximage {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Görsellerin yolları */
.parallaximage_1 {
    background-image: url(../../../belgelerim/resimler/anabg2.jpg);
}

.parallaximage_2 {
    background-image: url(../../../belgelerim/resimler/anabg3.jpg);
}

/* İçerik daima arka planın üstünde */
.parallaxour > .container,
.parallaxour > .container-fluid {
    position: relative;
    z-index: 2;
}

.parallaxvideo {
    padding: 20px;
    text-align: center;
}

.parallaxvideo img,
.parallaxvideo video {
    max-width: 100%;
    border-radius: 6px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.parallaxtext {
    padding: 20px;
    color: #fff;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
}

.parallaxtext_1 {
    color: #333;
    text-shadow: none;
}

.parallaxtext_t {
    text-align: left;
}

/* Başlıklar */
.parallaxtext h1 {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
}

.parallaxtext h3 {
    font-size: 18px;
    line-height: 1.6;
}

/* Buton */
.parallaxtext .btn {
    margin-top: 20px;
}

/* Mobilde parallax kaydırma optimizasyonu */
@media (max-width: 768px) {
    .parallaximage {
        background-attachment: scroll;
    }
    .parallaxour {
        padding: 40px 0;
    }
    .parallaxtext_t {
        text-align: center;
        margin-top: 20px;
    }
}

/* ===========================
   ANASAYFA ÜRÜNLER (ÜRÜN GRID)
   =========================== */

.home-products {
    padding: 60px 0 70px;
    background: #f5f6f8;
}

.section-header span {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    border-bottom: 3px solid #d62828; /* ana renk istersen değiştir */
    padding-bottom: 5px;
}

.section-header p {
    font-size: 15px;
    color: #666;
    margin: 0 0 30px;
}

.home-product-grid {
    margin-top: 10px;
}

/* Sadece ürün gridindeki kolonların iç boşluğunu ayarla (biraz daha geniş dursun) */
.home-product-grid .col-lg-3,
.home-product-grid .col-md-4,
.home-product-grid .col-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
}

/* Kart tasarımı */
.product-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    margin-bottom: 25px;
    overflow: hidden;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-card a {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.product-image {
    position: relative;
    overflow: hidden;
    padding-top: 70%; /* orantılı yükseklik */
}

.product-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

/* Kartın alt kısmı */
.product-body {
    padding: 18px 18px 20px;  /* biraz daha ferah */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
}

.product-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

.product-link {
    font-size: 13px;
    color: #d62828;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.product-link i {
    margin-left: 5px;
}

/* Hover efektleri */
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.16);
}

.product-card:hover .product-image img {
    transform: scale(1.06);
}

/* Büyük ekranlarda kartları gerçekten biraz daha geniş yap:
   4 yerine 3 kart yan yana */
@media (min-width: 1200px) {
    .home-product-grid .col-lg-3 {
        width: 33.3333%;
    }
}

/* Mobil ayarları */
@media (max-width: 767px) {
    .home-products {
        padding: 40px 0 50px;
    }
    .product-body {
        padding: 12px 10px 15px;
    }
}



.latest-works { overflow: hidden; width: 100%; background: #f7f7f7; padding: 15px 0 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
	.page-template-portfolio-php .latest-works { padding-bottom:340px;}
	.page-template-portfolio-php .latest-works .portfolio.isotope { margin-bottom:-340px;}
	.container .latest-works { background:none; padding-top:10px;}
	.latest-works .logo, .latest-works .logo img { margin:0;}
	.container .latest-works.with-space-w { margin-left:-15px; margin-right:-15px; width:auto;}
	.latest-works .portfolio .portfolio-item { width: 24.97%; float: left; margin: 0; height: auto; padding: 0; box-sizing: border-box;}
	.latest-works.col2-w .portfolio .portfolio-item { width:49.99%;}
	.latest-works.col3-w .portfolio .portfolio-item { width:33.222%;}
	.latest-works.col4-w .portfolio .portfolio-item { width:24.97%;}
	.latest-works.col5-w .portfolio .portfolio-item { width:19.97%;}
	.latest-works.col6-w .portfolio .portfolio-item { width:16.599%;}
	.latest-works.with-space-w .portfolio .portfolio-item { padding:0 15px 30px 15px;}
	.page-template-portfolio-php .latest-works.with-space-w .portfolio .portfolio-item { padding:30px 15px 0 15px;}
	.page-template-portfolio-php .latest-works.with-space-w .portfolio { margin-left:15px; margin-right:15px;}
	 
	.icon-top-title i { display: inline-block; color: #e84a52; font-size: 64px;}
	.img-item { position: relative; overflow: hidden;}
	.img-item img { width: 100%; height: auto; margin: 0; padding: 0;}
	
	.portfolio-item .img-item img{ -webkit-transition: .3s ease-out; -moz-transition: .3s ease-out; transition: .3s ease-out; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); blur:2;}
	.portfolio-item:hover .img-item img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
	
	.portfolio { display: block; padding: 0;}
	.portfolio h4, .recent-works-items h4, .shop-item h4, .side-list h5 { font-weight: 400; margin: 10px 0 7px; font-size: 18px;}
	.portfolio h4 a, .recent-works-items h4 a, .shop-item h4 a, .side-list h5 a { color: #494949;}
	.portfolio h4 a:hover, .recent-works-items h4 a:hover, .shop-item h4 a:hover, .side-list h5 a:hover { text-decoration: underline;}
	.portfolio p, .recent-works-items p { color: #909090; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 4px solid #ededed; text-transform: uppercase;}
	.portfolio-item h5, .portfolio-item h5 strong { color:#6a6a6a; margin-top: 8px; font-weight:600; font-size:16px;}
	nav.primary { padding: 10px;}
	nav.primary .portfolioFilters a { padding: 5px 12px; margin:5px 0; border:1px solid transparent; border-radius:16px; font-size: 15px; line-height: 1.2; color: #606060; font-weight: 400; letter-spacing:0.6px; text-transform:uppercase; margin-top: 0 !important; text-align: center; width: auto;}
	nav.primary .portfolioFilters a:hover { color: #0ab1f0;}
	nav.primary .portfolioFilters a.selected, nav.primary ul li a:active { color: #0ab1f0; margin-top: 0 !important; border-color:#f7f7f7; background-color:#fff;}
	nav.primary .portfolioFilters .portf { color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px;}
	nav.primary .portfolioFilters { text-align: center; margin-top:20px; margin-right: 10px; margin-bottom:20px; clear: both; list-style: none outside none;}
	
	@media only screen and (min-width: 960px) {
	.page-template-portfolio-php nav.primary .portfolioFilters { margin-left:140px; text-align: left; margin-bottom:0;}
	.portfolio-page-w  nav.primary { padding: 20px; background:#222325;}
	.portfolio-page-w.latest-works { padding-top:0;}
	.portfolio-page-w nav.primary .portfolioFilters { margin-top:0px;}
	.portfolio-page-w nav.primary .portfolioFilters a { color:#858a93; font-size:13px; font-weight:bold; border-radius:0; padding:21px; background:none;}
	.portfolio-page-w nav.primary .portfolioFilters a:hover { color:#fff;}
	.portfolio-page-w nav.primary .portfolioFilters a.selected { background-color:#1c1d1e; border-color:#1c1d1e; color:#0ab1f0;}
	}
	
	
	.zoomex, .zoomex2 { width: 100%; background: rgba(0,0,0,.35) url(../images/fancy-big-ico.png) no-repeat center; background-color: url(../images/fancy-big-ico.png)\9;  opacity: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color: transparent; display: block; filter: alpha(opacity=0); position: absolute; top: 0; bottom: 0; right:0; left:0; margin:0; padding:0;}
	.zoomex2 { background: rgba(255, 0, 0, .7);}
	.zoomex2 * { filter: alpha(opacity=0)\9;}
	.zoomex2 i { color: inherit; font-size: 11px;
	-moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
	.zoomex2 a.zoomlink1 { position: absolute; bottom: 0; left: 0; color: #fff; width:37px; height:36px; padding: 8px 12px; background:#353c3f;}
	.zoomex2 a:hover i { color: #0ab1f0;}
	.zoomex2 h6 { font-weight: bold; color: #fff; text-transform:uppercase; letter-spacing:1px; font-size: 21px; text-align: center; position: absolute; bottom: 49%; left: auto; width: 100%; padding:0 10px; 
	-webkit-transition: all 0.33s ease;
	  -moz-transition: all 0.33s ease;
	  -o-transition: all 0.33s ease;
	  transition: all 0.33s ease;}
	.zoomex2 h6 a { color:#fff;}
	.zoomex2 h6:after { position:absolute; top:50%; margin-left:2px; margin-top:-6px; font-family: 'FontAwesome'; font-size: 12px; color:inherit; opacity:0; content: "\f061"; speak: none; font-style: normal; font-weight: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;
	 -webkit-transition: all 0.33s ease;
	  -moz-transition: all 0.33s ease;
	  -o-transition: all 0.33s ease;
	  transition: all 0.33s ease;}
	.zoomex2 h6:hover:after {opacity:0.9; margin-left:6px;}
	.container .latest-works.col5-w .zoomex2 h6, .container .latest-works.col6-w .zoomex2 h6 { font-size:15px;} 
	.zoomex2 span { font-family: 'Arapey', serif; width:100%; font-size: 15px; opacity:0.2; color: #eee; font-weight: 400; display: block;font-style:italic; letter-spacing:1px; margin-bottom:0; text-align:center; position:absolute; bottom:33%; 
	-webkit-transition: all 0.39s ease;
	  -moz-transition: all 0.39s ease;
	  -o-transition: all 0.39s ease;
	  transition: all 0.39s ease;}
	.img-item:hover .zoomex, .prettyPhoto:hover .zoomex, .img-item:hover .zoomex2, .img-item:hover .zoomex2 * { opacity: 1; filter: alpha(opacity=100);}
	.img-item:hover .zoomex2 h6 { bottom:37%;}
	.img-item:hover .zoomex2 span { bottom:30%;}
	@media only screen and (min-width: 960px) and (max-width: 1600px){
	.latest-works.col6-w .zoomex2 h6, .latest-works.col5-w .zoomex2 h6 { font-size:13px;}
	}
	
	/* ISOTOPE */
	
	.isotope-item { z-index: 2;}
	.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
	.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;}
	.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;}
	.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity;}
	
	/*------------ portfolio item ------------*/
	
	.portfolio-item i.fa-heart { color:#ef7c88; margin-top:3px;}
	.portfolio-item.jcarousel-item.col-md-3 { width:220px; float:left;}
	
	.portfolio-item-title { padding-top:14px; line-height:40px; font-size:21px; letter-spacing:0; font-weight:600; text-transform:uppercase;}	
	.col-wks-1, .col-wks-2, .col-wks-3 { float:left; height:65px; width:25%;}
	.col-wks-2 { width:50%;}	
	.works-item-dets-wrap { border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fcfcfc;}
	.works-item-like-box, .works-item-date-box  { text-align:center; border-right:1px solid #e5e5e5; font-size:11px; color:#999; height:65px; padding-top:11px;}
	.works-item-like-box i { font-size:24px; color:#bebebe;}
	.works-item-like-box i.liked, .works-item-like-box i:hover { color:#e61e25; cursor:pointer;}
	.works-item-detail-box, .works-item-cat-box { padding:9px 0 8px 20px; color:#888; border-left:1px solid #e5e5e5; line-height:1;}
	.works-item-detail-box a { color:#808080;}
	.works-item-detail-box a:hover, .works-item-cat-box a:hover { text-decoration:underline;}
	.works-item-detail-box hr { margin:10px 0 8px;}
	.works-item-cat-box, .works-item-date-box { height:65px; font-size:19px; font-weight:300; padding-top:22px;}
	.works-item-cat-box a { color:#134f90;  font-size:14px; margin-top:2px; font-weight:600;}
	
	@media only screen and (max-width: 767px) {	
	.col-wks-3 { border-left:none;  border-top:1px solid #e5e5e5; width:100%;}
	.col-wks-2 { width:75%;}
	.works-item-detail-box, .works-item-cat-box { border-left:none;}
	.works-item-date-box { padding-top:10px; font-size:21px;} 
	}
	
	.related-works { padding-top:160px; margin-top:30px; margin-bottom:-40px; background:#f7f7f7; padding-bottom:40px;}
	.related-works2 { padding-top:0px; margin-top:30px; margin-bottom:-40px; background:#f7f7f7; padding-bottom:40px;}	
	.related-works h4.subtitle { text-align:center; margin-top:-130px; border:none; font-size:33px; text-transform:capitalize; font-weight:800; letter-spacing:-2.3px; margin-bottom:80px;}
	.portfolio-archive-w .portfolio-item {  width:32%; float: left; padding:0 15px;}
	.portfolio-archive-w .portfolio { margin:10px -15px;}
	.wrks-itm-cat { text-transform:uppercase; letter-spacing:1px;}
	#latest-projects li p { font-size: 11px; letter-spacing: -0.4px;}
	
	
	@media only screen and (max-width: 959px) {	
	.latest-works .portfolio-item, .latest-works.col2-w .portfolio .portfolio-item, .latest-works.col3-w .portfolio .portfolio-item, .latest-works.col4-w .portfolio .portfolio-item, .latest-works.col5-w .portfolio .portfolio-item, .latest-works.col6-w .portfolio .portfolio-item { width:49.8%;}
	.portfolio-item.jcarousel-item.col-md-3 { width:200px;}
	.portfolio-item-dets { float:none; border-top:2px solid #e5e5e5; margin-top:30px; height:84px; padding-top:10px;}
	.related-works h4.subtitle { position:absolute; width:100%; padding-right:22px;}	
	}
	
	@media only screen and (max-width: 767px) {
	.portfolio-page-w nav.primary .portfolioFilters a { width:auto; float:left; display:inline-block; margin:4px 2px;}
	}
	
	@media only screen and (max-width: 479px) {	
	.latest-works .portfolio-item, .latest-works.col2-w .portfolio .portfolio-item, .latest-works.col3-w .portfolio .portfolio-item, .latest-works.col4-w .portfolio .portfolio-item, .latest-works.col5-w .portfolio     .portfolio-item, .latest-works.col6-w .portfolio .portfolio-item { width:100%;}
	.portfolio-item.jcarousel-item.col-md-3 { width:300px;}	
	}
	
	 @media only screen and (min-width: 1200px) {			
	#latest-projects .portfolio-item.jcarousel-item.col-md-3 { width:260px;}	
	}

.top_h2{margin: 40px 0 10px 0;
    padding-bottom: 5px;
    font-size: 22px;
    text-align: center;
    border-bottom: 2px solid #f00;
    display: inline-block;
    font-weight: bold;}

    .ourSevicesMobileContainer{
        display: none;
    }

@media Screen and (max-width:600px){
    .ourServicesSlider{
        display: none !important;
    }
    .ourSevicesMobileContainer{
        display: block;
    }
}


.ourItemDiv{
    padding: 0.3rem 0.3rem 3rem 0.3rem;
}

.ourItemDiv>a{
    display: block; width: 250px; height: 260px;position: relative;margin:0px auto;
}

.ourItemDiv>a>img{
    width: 250px; height: 260px;display: inline; position: absolute;    box-shadow: 0px 5px 5px -5px #000;

}

.etiket{
    position: absolute;
    width: 250px;
    bottom: 0rem;
    background: #083324a6;
    border: 1px solid #1c634aad;
    padding: 1rem;
    font-family:'Raleway', sans-serif;
    color: #fff;
    font-size: 14px;
    font-weight: bold;

}





.rslides1_on{
    display: block;
    float: left;
    position: relative;
    opacity: 1;
    z-index: 2;
    transition: opacity 800ms ease-in-out 0s;
    width: inherit;
  }
  .col-md-6 {
  


}@media (min-width: 1200px) {
    .container {
        width: 1280px;
        max-width: 1280px;
    }
}
/* ===========================
   LOGO MOBİL GÖRÜNÜM
   =========================== */

@media (max-width: 767px) {
    .logo {
        text-align: center;
    }

    .logo img#header_logo {
        margin: 10px auto;
        max-width: 260px;   /* istersen 280px yapabilirsin */
    }
}

/* ===========================
   MENÜ İÇİNDE ARAMA İKONU
   =========================== */

#cssmenu ul li.menu-search-li a {
    padding-left: 10px;
    padding-right: 10px;
    border: none;                 /* menüde border varsa kaldırır */
}

#cssmenu ul li.menu-search-li a:hover {
    background: transparent;      /* hover’da kutu olmasın istersen */
    color: #000;
}

/* Arama barı (üstten açılan) – zaten kullanıyorsan aynen kalabilir */
.header-search-bar {
    display: none;
    width: 100%;
    background: #f3f3f3;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    z-index: 999;
}

.header-search-bar-inner {
    padding: 10px 0;
}

.header-search-form {
    position: relative;
    display: flex;
    align-items: center;
}

.header-search-form input[type="text"] {
    width: 100%;
    padding: 10px 40px 10px 15px;
    border: 1px solid #ddd;
    border-radius: 2px;
    font-size: 14px;
}

.header-search-form button {
    position: absolute;
    right: 40px;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #555;
}

.header-search-close {
    position: absolute;
    right: 10px;
    font-size: 18px;
    cursor: pointer;
    color: #777;
}

.header-search-close:hover {
    color: #000;
}
/* LOGO MOBİL ORTALAMA VE BÜYÜTME */
@media (max-width: 767px) {
    .logo {
        text-align: center;
    }

    .logo img#header_logo {
        margin: 10px auto;
        max-width: 260px; /* daha büyük istersen 280-300 yapabilirsin */
    }
}

/* MENÜ + ARAMA İKONLARI WRAPPER */
.header-menu-wrap {
    position: relative;
}

/* Masaüstü: menü içindeki arama ikonu aktif, mobilde gizlenecek */
#cssmenu ul li.menu-search-li a {
    padding-left: 10px;
    padding-right: 10px;
    border: none;
}

/* MOBİL ARAMA BUTONU (hamburger’in yanına) */
.header-search-btn-mobile {
    display: none;           /* varsayılan: gizli, sadece mobile açacağız */
    position: absolute;
    top: 32px;
    right: -20px;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

/* Mobilde davranış */
@media (max-width: 767px) {
    /* menü içindeki search li'yi gizle, düzen bozulmasın */
    #cssmenu ul li.menu-search-li {
        display: none;
    }

    /* mobil ayrı butonu göster */
    .header-search-btn-mobile {
        display: inline-block;
    }
}
@media (max-width: 991px) {

    #cssmenu #menu-button {
        position: relative;
        padding: 18px 50px 18px 20px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }

    #cssmenu #menu-button::before,
    #cssmenu #menu-button::after {
        position: absolute;
        content: '';
        top: 50%;
        right: 16px;               /* ikonun MENÜ'ye uzaklığı; burayla oynayabilirsin */
        transform: translateY(-50%);
    }

    /* daire */
    #cssmenu #menu-button::before {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #000;
    }

    /* 3 çizgi */
    #cssmenu #menu-button::after {
        width: 14px;
        height: 2px;
        background: #fff;
        box-shadow:
            0 -4px 0 #fff,
            0  4px 0 #fff;
    }
}/* MASAÜSTÜNDE LOGOYA NEFES ALDIR */
@media (min-width: 992px) {
    .logo img#header_logo {
        margin-top: 16px;    /* üstten boşluk */
        margin-bottom: 12px; /* istersen 0 yapabilirsin */
    }
}

@media (max-width: 991px) {

    /* MENÜ yazısı – yerinde kalsın, sağda ikon için alan açıyoruz */
    #cssmenu #menu-button {
        position: relative;
        padding: 18px 70px 18px 20px;  /* sağdaki 70px: daire + arama için alan */
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
    }

    /* Ortak temel ayar */
    #cssmenu #menu-button::before,
    #cssmenu #menu-button::after {
        content: '';
        position: absolute;
        pointer-events: none;
    }

    /* SİYAH DAİRE */
    #cssmenu #menu-button::before {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #000;
        top: 50%;
        right: 40px;              /* dairenin konumu – 38/42 ile oynayabilirsin */
        transform: translateY(-50%);
    }

    /* 3 BEYAZ ÇİZGİ (ortadaki + üst + alt) */
    #cssmenu #menu-button::after {
        width: 14px;
        height: 2px;
        background: #fff;
        top: 50%;
        right: 47px;              /* dairenin tam ortası: right = 40 + (30-14)/2 = 47 */
        transform: translateY(-50%);
        box-shadow:
            0 -4px 0 #fff,        /* üst çizgi */
            0  4px 0 #fff;        /* alt çizgi */
    }
}

/* ===========================
   FLOATING PHONE BUTTON (SOL)
   =========================== */
.floating-phone {
    position: fixed;
    bottom: 30px;          /* masaüstü ve büyük ekranlarda alt boşluk */
    left: 20px;
    background: #1E90FF;   /* mavi */
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    z-index: 2147483647;   /* en üstte olsun diye */
    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
    text-decoration: none;
    transition: 0.3s;
}
.floating-phone:hover {
    transform: scale(1.07);
    background: #1876d1;
}

/* ===========================
   FLOATING WHATSAPP BUTTON (SAĞ)
   =========================== */
.floating-whatsapp {
    position: fixed;
    bottom: 30px;          /* masaüstü ve büyük ekranlarda aynı yükseklik */
    right: 20px;
    background: #25D366;
    color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    z-index: 2147483647;
    box-shadow: 0 3px 10px rgba(0,0,0,0.35);
    text-decoration: none;
    transition: 0.3s;
}
.floating-whatsapp:hover {
    transform: scale(1.08);
}

/* ===========================
   MOBİL İÇİN AYAR
   =========================== */
@media (max-width: 767px) {

    /* Telefon butonunu biraz daha aşağı çekelim */
    .floating-phone {
        bottom: 20px;      /* 70px: sistem alt çubuğunun biraz üstü */
        left: 20px;
    }

    /* WhatsApp aynı kalsın, istersen biraz yukarı da alabiliriz */
    .floating-whatsapp {
        bottom: 20px;
        right: 15px;
    }
}