.sliderWrap
{
width: 100%;
/*border-top:1px solid #ccc;
border-bottom:  1px solid #ccc;
overflow:hidden;*/
}

.slide-wrapper
{
position:   relative;
}

.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;
}

.interactive-nav
{
position:   absolute;
top: 50%;
}

.interactive-nav span
{
cursor:   pointer;
}

.interactive-nav .int-next
{
transform: rotate(180deg);
cursor:   pointer;
}

.interactive-nav img
{
width:   40px;
height: 40px;
}

.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;
}

.sliderMain ul:not(.carousel)
{
display:   flex;
align-items: center;
}

.carousel
{
position:   relative;
left: 0;
}
[dir="rtl"] .carousel
{
float:   left;
}

.sliderMain li, .sliderMain p, .sliderMain a
{
padding:   0;
margin: 0;
display:   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%;
}

.slideControl
{
position:   absolute;
width: calc(100% + 5px);
height:   0;
top: 50%;
left:   0px;
margin-top: -15px;
margin-right:   0;
margin-bottom: 0;
box-sizing:   border-box;
}

.sliderWrap .slideControl
{
width: calc(100% - 1px);
left:   0;
}

.slideControl > .row
{
height:   0;
}
#twoCol .slideControl, #threeCol .slideControl
{
left:   30px;
right: 20px;
width:   auto;
}

.slideControl span:before
{
display:   none;
}

.slideControl span.icon-arrow-left
{
background: white url(/Data/EditorFiles/tasarim/slider-arrow-left.svg) no-repeat center;
transform: rotateY(180deg);
}

.slideControl span.icon-arrow-right
{
background: white url(/Data/EditorFiles/tasarim/slider-arrow-right.svg) no-repeat center;
}

.slideControl span
{
cursor:   pointer;
width: 40px;
height:   40px;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
background-color:   #ffffff;
font-size: 0;
border-radius: 50%;
}

.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;
text-align: center;
box-sizing:   border-box;
justify-content: center;
margin-top:   25px;
float: left;
}

.twoCol .sliderMain ul.slidePager, .threeCol .sliderMain ul.slidePager
{
width:   auto;
left: 10px;
right:   10px;
margin-left: 0;
}

.slidePager li
{
display:   inline-block;
text-align: center;
color:   #fff;
font-size: 0;
text-indent:   -999em;
border-radius: 10px;
overflow:   hidden;
cursor: pointer;
width:   10px;
height: 10px;
background-color:   #f6f6f6;
margin: 0 2.5px;
}

.int-wrapper
{
margin-top:   30px;
margin-bottom: 50px;
}

.swiper-pagination-bullets
{
position: initial !important;
bottom: initial !important;
left: initial !important;
right: initial !important;
top: initial !important;
display:   flex;
align-items: center;
justify-content:   center;
margin-top: 25px !important;
float:   left;
}

.swiper-pagination-bullet
{
opacity: 1 !important;
text-align:   center;
color: #fff;
font-size:   0;
text-indent: -999em;
border-radius: 10px !important;
overflow:   hidden;
width: 10px !important;
height: 10px !important;
background-color: #f6f6f6 !important;
margin: 0 2.5px !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active
{
cursor:   default;
border-radius: 7px !important;
background-color: #fab027 !important;
width: 25px !important;
}

.slidePager li.active
{
cursor:   default;
border-radius: 7px;
background-color:   #fab027;
width: 25px;
}
@media screen and (max-width: 1320px)
{
.slideControl
{
width:calc(100% - 0px);
left:   0px;
right: 0px;
margin-left:   0;
}
}
@media screen and (max-width: 768px)
{
.int-wrapper
{
margin-top:   20px;
margin-bottom: 20px;
}

.sliderMain  .slideList
{
border-radius:   20px;
box-shadow: 9px 11px 20px rgb(0 0 0 / 25%);
}
}