/*!
 * Responsive HTML Template
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* SLİDER CSS */

/* 3LÜ BLOK CSS */
.AnaBlok { float: left; }
.BlokIci { margin: 5px;position:relative; }
.Bo1 { width: 52.2%; }
.Bo2 { width: 21.5%; }
.Bo3 { width: 26.3%; }
.Bo4 { width: 73.7%; }
.Bo5 { width: 63.8%; }
    .Bo5 .BlokIci { border-top: 2px solid #808080; border-bottom: 2px solid #808080; }
        .Bo5 .BlokIci h4 { font-family: 'Times New Roman'; font-weight: bold; margin: 15px 0; text-align: center; }
        .Bo5 .BlokIci p { color: #808080; width: 70%; text-align: center; margin: 15px auto; margin-bottom: 0; }
.Bo6 { width: 36.2%; }
.Bo7 { width: 100%; }
.Bo8 { width: 26.3%; }

.Bo1 img, .Bo2 img, .Bo3 img, .Bo6 img, .Bo7 img, .Bo8 img { width: 100%;transition:all 1s ease-in;background:#000; }
.Bo1, .Bo2, .Bo3, .Bo6, .Bo7, .Bo8 {position:relative;overflow:hidden; }
.Bo1 .BlokIci:before, .Bo2 .BlokIci:before, .Bo3 .BlokIci:before, .Bo6 .BlokIci:before, .Bo7 .BlokIci:before, .Bo8 .BlokIci:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg);transition:all 1s ease-in; }
.Bo1 .BlokIci:hover::before, .Bo2 .BlokIci:hover::before, .Bo3 .BlokIci:hover::before, .Bo6 .BlokIci:hover::before, .Bo7 .BlokIci:hover::before, .Bo8 .BlokIci:hover::before { -webkit-animation: shine .75s; animation: shine .75s;transition:all 1s ease-in; }
.Bo1 img:hover, .Bo2 img:hover, .Bo3 img:hover, .Bo6 img:hover, .Bo7 img:hover, .Bo8 img:hover{opacity: .7;transition:all 1s ease-in;}
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}

.bltnSolBlk, .bltnOrtBlk { display: table; }
.BlkTblCl { display: table-cell; vertical-align: middle; text-align: center; }

.bnrText { position: absolute; bottom: 0; padding: 0 10px; left: 50%; transform: translateX(-50%); display: inline-table; text-align: center; color: #000; cursor: pointer; background-color: #fff; }
/*.BannerYazi::after {
    content: " ";
    width: 30%;
    position: relative;
    height: 2px;
    text-align: center;
    display: block;
    background: #fff;
    margin: 0 auto;
    top: 0px;
}*/
.bilgi-sag { text-align: left; }
/*.divbuton {background-color:#fff;width:130px;height:40px;}*/
.markalar { border-bottom: 1px solid #ccc; background-color: #fff; }
.urunler { margin-top: 20px; }
.price a { color: #ccc; font-size: 16px; }
/* KURUMSAL YAZI CSS */
.kurumsalYazi { width: 100%; padding: 10px; background: #fff; }
.kyic { width: 100%; min-height: 50px; border: 1px solid #eee; padding: 10px; text-align: justify; }


	/*  ------------- SLİDER    -------------  */
		.carousel-control.right, .carousel-control.left{background-image:none; }
		.carousel .item {-webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s;}
		.carousel .active.left {left:0;opacity:0;z-index:2;}
		.carousel .next {left:0;opacity:1;z-index:1;}
		.slider-blok{margin-top: -22px;}
	/*  ------------- SLİDER    -------------  */

	/*  ------------- 3lü BLOK   -------------  */

		.uclu-blok{margin: 35px 0 20px 0}
		.uclu-blok img{width:100%;}
		.banner-blok{padding: 20px;position: relative;}
		.banner-blok-yazi{width: 100%;text-align: center;position: relative;top: 10px;overflow: hidden;}
		.banner-blok-yazi p {padding:10px;font-weight: bold;}
		.boyut{float: left;position: absolute;left: 0;top: 21px;}
		.urun-slider-baslik{font-family: 'Marck Script', cursive;color:#ed118f;text-align: center;}
		.urun-kategori-baslik{text-align: center;}
		.win.gecko .qty{position: relative;top:-1px;}

	/*  ------------- 3lü BLOK   -------------  */

@media(max-width:767px) {
    .box1 { padding: 3px; }
    .box2 { padding: 3px; }
    .box3 { padding: 3px; }
    .box4 { padding: 3px; margin-top: 0px; }
    .box5 { padding: 3px; margin-top: 0px; }
    .box6 { padding: 3px; margin-top: 0px; }

    .Bo1 { width: 100%; }
.Bo2 { width: 100%; }
.Bo3 { width: 100%; }
.Bo4 { width: 100%; }
.Bo5 { width: 100%; }
    .Bo5 .BlokIci { border-top: 2px solid #808080; border-bottom: 2px solid #808080; display:block;}
    
    .BlkTblCl{display:block;padding-bottom:5px;}
        .Bo5 .BlokIci h4 { font-family: 'Times New Roman'; font-weight: bold; margin: 15px 0; text-align: center; }
        .Bo5 .BlokIci p { color: #808080; width: 70%; text-align: center; margin: 15px auto; margin-bottom: 0; }
.Bo6 { width: 100%; }
.Bo7 { width: 100%; }
.Bo8 { width: 100%; }
}

@media(min-width:768px) {
    
    .Bo5{width:44.8%;}
    .Bo6{width:50.2%;}
    .Bo7{width:55%;}
    .BlkTblCl img{width:60px;}
}

@media(min-width:992px) {
    .Bo7{width:initial;}
    .Bo6 {width: 40.2%;}
    .Bo5 {width: 59.8%;}
    .BlkTblCl img{width:auto;}
}

@media(min-width:1200px) {
    /*.container.bin {width:1685px;}*/
    .BlkTblCl img{width:auto;}
    .Bo1 { width: 52.2%; }
.Bo2 { width: 21.5%; }
.Bo3 { width: 26.3%; }
.Bo4 { width: 73.7%; }
.Bo5 { width: 63.8%; }
    .Bo5 .BlokIci { border-top: 2px solid #808080; border-bottom: 2px solid #808080; }
        .Bo5 .BlokIci h4 { font-family: 'Times New Roman'; font-weight: bold; margin: 15px 0; text-align: center; }
        .Bo5 .BlokIci p { color: #808080; width: 70%; text-align: center; margin: 15px auto; margin-bottom: 0; }
.Bo6 { width: 36.2%; }
.Bo7 { width: 100%; }
.Bo8 { width: 26.3%; }

}