.sliderWrap{

	width:100%;

	/*border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

	overflow:hidden;*/

}
.interaktifHTML .texts{
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    flex-direction: column;
	justify-content: flex-end;
    color:white;
    right: -15%;
    bottom:0%;
    opacity:0;
    transition: all .5s;

}
.interaktifHTML .swiper-slide-active .texts{
    opacity: 1;
    right: 0;
}

.interaktifHTML .title1 {
    font-size: 30px;
    font-weight: bold;
}

.interaktifHTML .title2 {
    font-size: 68px;
    font-weight: 900;
    margin: 10px 0;
}

.interaktifHTML .title3 {
    background: url(/Data/EditorFiles/HTML-interaktifVitrin/azerbalBg.svg) no-repeat center;
    text-align: center;
    font-size: 58px;
    background-size: cover;
    padding: 22px 47px;
    font-weight: bold;
}
.interaktifHTML  .title4 {
    font-size: 20px;
    text-align: center;
    margin-top: 52px;
    line-height:normal;
}


.slide-wrapper{

	position:relative;
	/* margin-top:-100px; */

}



.sliderMain{

	width:100%;

	min-height:70px;

}



.GelismisVitrinLoad{

	position:absolute;

	width:100%;

	height:50px;

	line-height:50px;

	text-align:center;

	top:50%;

	margin:-25px 0 0;

}



.carousel-wrapper{

	position:relative;

	overflow:hidden;

}



.sliderMain ul{

	width:100%;

	min-height:70px;

	margin:0;

	padding:0;

	list-style:none;

	position:relative;

	white-space: nowrap;

	overflow: hidden;

}



.carousel{

	position:relative;

	left:0;

}



[dir="rtl"] .carousel{

	float:left;

}



.sliderMain li, .sliderMain p, .sliderMain a{

	padding:0;

	margin:0;

	display:inline-block;

}



.responsive .fade li, .responsive .fade li p, .responsive .fade li a{

	width:100%;

	height:100%;

}



.responsive .fade li p, .responsive .fade li a{

	position:absolute;

	top:0;

	left:0;

}



.responsive li{

	background-size:cover !important;

}



.fade > li{

	position:absolute;

	top:0;

	left:0;

	display:none;

}



.fade li.current{

	position:static;

}



.carousel li{

	float:left;

}



.sliderMain img{

	float:left;

	width:100%;

	/*max-width:100%; */

	/*height:700px; */

}



.slideControl{

    position: absolute;

    width: calc(100% + 36px);

    height:0;

    top: 50%;

    left: -18px;

    margin-top: -15px;

    margin-right: 0;

    margin-bottom: 0;

    box-sizing: border-box;

}



.slideControl > .row{

	height:0;

}



#twoCol .slideControl, #threeCol .slideControl{

	left:30px;

	right:20px;

	width:auto;

}



.prevProduct {

    background: url(/theme/v4-anzerbali/sub_theme/vitrin/firat/v4/pagerSol.png);

}



.nextProduct {

    background: url(/theme/v4-anzerbali/sub_theme/vitrin/firat/v4/pagerSag.png);

}



.slideControl span{

    width: 34px;

    height: 40px;

    font-size: 35px;

    cursor: pointer;

}



.nextSlide{

	background-position:right 0;

}



[dir="rtl"] .nextSlide{

	background-position:0 0;

}



[dir="rtl"] .prevSlide{

	background-position:right 0;

}



.sliderMain ul.slidePager{    

    min-height: auto;

    position: absolute;

    height: 20px;

    text-align: center;

    bottom: 10px;

    left: 0px;

    padding: 0px 10px;

    box-sizing: border-box;

    display: table;

}



.twoCol .sliderMain ul.slidePager, .threeCol .sliderMain ul.slidePager{

	width:auto;

	left:10px;

	right:10px;

	margin-left:0;

}



.slidePager li{

	display:inline-block;

	width:15px;

	height:15px;

	line-height:15px;

	text-align:center;

	color:#fff;

	font-size:12px;

	text-indent:-999em;

	background:#c9c9c9;

	border-radius:10px;

	margin-right:3px;

	margin-left:3px;

	overflow:hidden;

	cursor:pointer;

}



.slidePager li.active{

	background:#797979;

	box-shadow:inset 0 0 0 3px #545454;

	cursor:default;

}



@media screen and (max-width: 1320px) {



	.slideControl, .sliderMain ul.slidePager{

		width:calc(100% - 60px);

		left:30px;

		right:30px;

		margin-left:0;

	}



}



@media screen and (min-width: 1001px) {
    .interaktifHTML {
       /* margin-top: -138px;*/
    }
}
@media screen and (max-width: 1000px) {
    .interaktifHTML .title1 {
    font-size: 22px;

}
.interaktifHTML .title2 {
    font-size: 50px;

}

.interaktifHTML .title3 {

    font-size: 40px;

    padding: 16px 38px;
 
}
.interaktifHTML .title4 {
    font-size: 9px;
    text-align: center;
    margin-top: 9px;
    line-height: normal;
}

}

@media screen and (max-width: 768px) {

.interaktifHTML .title1 {
    font-size: 10px;

}
.interaktifHTML .texts{
    bottom:10%;
}

.interaktifHTML .title2 {
    font-size: 21px;

}

.interaktifHTML .title3 {

    font-size: 16px;

    padding: 9px 26px;

}

.sliderMain ul.slidePager{
       top: 124px;
}

	.slidePager li {
    width: 8px;
    height: 7px;
   
}



}