/*--------------------------------------------------------------
 Gallery Slider
--------------------------------------------------------------*/

.gallery-mobile  .swiper-button-prev,
.gallery-mobile  .swiper-button-next {
 display:initial;
}
.gallery-mobile  .swiper-pagination{
 display:initial; 
 
}
   
.gallery-mobile  .swiper-pagination .swiper-pagination-bullet {
  width:  10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
  /*border: 1px solid #707070;*/
}
.gallery-mobile .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000;
}
 
/*--------------------------------------------------------------
 3 POS Slider
--------------------------------------------------------------*/ 
  
.slider-3-pos  .swiper-pagination { 
 /*border:1px solid rgb(255, 251, 0); */
 bottom:  calc(100% -  100vw - 32px) !important;
}
/*
 @media (min-width:576px) and (max-width:767px) {
.slider-3-pos  .swiper-pagination { 
 border:1px solid rgb(0, 70, 29); 
 bottom:  calc(100% - 92vw - 28px ) !important;
}}
*/
 @media (min-width:768px) and (max-width:991px) {
.slider-3-pos  .swiper-pagination { 
 /* border:1px solid rgb(0, 255, 106);  */
 bottom:  calc( 100% - (( 94vw -  16px ) / 2 ) - 32px) !important;
}}

 @media (min-width:992px) and (max-width:1200px) {
.slider-3-pos  .swiper-pagination{ 
/*border:1px solid #f00;*/
 bottom:  calc(100% - ( ( 94vw -  16px ) / 2 ) - 32px) !important;
}}

/* img1x1 --------------------------------------*/
.slider-3-pos.img1x1  .swiper-pagination {  
 /* border:1px solid #f00;*/
 bottom:  calc(100% -  63vw - 32px) !important;
}
 @media (min-width:768px) and (max-width:991px) {
.slider-3-pos.img1x1  .swiper-pagination { 
 /* border:1px solid rgb(0, 255, 106);  */
 bottom:  calc(100% - ( ( 60vw -  16px ) / 2 ) - 32px) !important;
}}

 @media (min-width:992px) and (max-width:1200px) {
.slider-3-pos.img1x1  .swiper-pagination{ 
 /* border:1px solid rgb(68, 0, 255); */
 bottom:  calc(100% - ( ( 60vw -  16px ) / 2 ) - 32px) !important;
}}
 @media (min-width: 1201px) {
.slider-3-pos.img1x1  .swiper-pagination{ 
/* border:1px solid rgb(199, 113, 15); */
 bottom:  calc(100% - ( ( 50vw -  16px ) / 3 ) - 32px) !important;
}}
 @media (min-width: 1600px) {
.slider-3-pos.img1x1  .swiper-pagination{ 
 /* border:1px solid rgb(199, 15, 92); */
 bottom:  calc(100% - ( ( 0.63 *  73vw   ) / 3 ) - 32px) !important;
}}

/* only TEAM slider vice jak tri slidy-----------------*/

 @media (min-width: 1200px) {
.slider-3-pos  .swiper-pagination{ 
 /* border:1px solid rgb(199, 113, 15);*/
 bottom:  calc(100% - ( ( 80vw -  16px ) / 3 ) - 32px) !important;
}}
 @media (min-width: 1600px) {
.slider-3-pos  .swiper-pagination{ 
 /*border:1px solid rgb(0, 255, 115);  */
 bottom:  calc(100% - ( ( 75vw -  16px ) / 3 ) - 32px) !important;
}}
 @media (min-width: 1920px) {
.slider-3-pos  .swiper-pagination{ 
 /*border:1px solid rgb(255, 0, 170); */
 bottom:  calc(100% - ( ( 1450px -  40px ) / 3 ) - 32px) !important;
}}


  
 



/*--------------------------------------------------------------
 2 POS Slider
--------------------------------------------------------------*/ 
  
.slider-2-pos  .swiper-pagination { 
 /*border:1px solid rgb(255, 251, 0); */
 bottom:  calc(100% -  63vw - 32px) !important;
}
 
 @media (min-width:768px) and (max-width:991px) {
.slider-2-pos  .swiper-pagination { 
 /* border:1px solid rgb(0, 255, 106);  */
 bottom:  calc( 100% - (( ( 0.63 x 94vw ) -  16px ) / 2 ) - 32px) !important;
}}

 @media (min-width:992px) and (max-width:1200px) {
.slider-2-pos  .swiper-pagination{ 
/*border:1px solid #f00;*/
 bottom:  calc(100% - ( ( ( 0.63 x 94vw ) -  16px ) / 2 ) - 32px) !important;
}}


/* vyjimka connect element ------------------------------------------------------------*/
#connect  .swiper-pagination { 
 /*border:1px solid rgb(255, 251, 0);*/
 bottom:  calc(100% -  30vw  - 28px) !important;
}
 @media (min-width:768px) and (max-width:991px) {
#connect  .swiper-pagination { 
 /* border:1px solid rgb(0, 255, 106);  */
 bottom:  calc( 100% - (( 94vw -  16px ) / 6 ) - 28px) !important;
}}

 @media (min-width:992px) and (max-width:1200px) {
#connect  .swiper-pagination{ 
/*border:1px solid #f00;*/
 bottom:  calc(100% - ( ( 94vw -  16px ) / 6 ) - 28px) !important;
}}
/*----------------------------------------------------*/
  
.slider-3-pos  .swiper-pagination .swiper-pagination-bullet {
  width:  10px;
  height: 10px;
  background-color: #C4C4C4;
  opacity: 1;
 
}
.slider-3-pos .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000;
}
 
 

/* 1 POS Slider
--------------------------------------------------------------*/
.slider-1-pos  .swiper-button-prev,
.slider-1-pos  .swiper-button-next {
 display:initial;
}
.slider-1-pos  .swiper-pagination{
 display:initial;
 position:relative;
 left: 45%;
 transform: translateX(-45%);  
}
 
.slider-1-pos  .swiper-pagination .swiper-pagination-bullet {
  width:  10px;
  height: 10px;
  background-color: #C4C4C4;
  opacity: 1;
 
}
.slider-1-pos .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000;
}

/* section-slider  -------------------------------------------------------------*/
.section-slider{
 
}
 
.pad-cust{
padding:0 2.3rem;
}

.section-slider .swiper-button-next {
margin-right:0.2rem;
margin-top:-170px;
}
.section-slider .swiper-button-prev {
margin-left:0.2rem;
margin-top:-170px;
}
@media (min-width:420px){
.section-slider .swiper-button-next ,
.section-slider .swiper-button-prev {
 
margin-top:-100px;
}
}

/* button next -previ */
.swiper-button-next  {   
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: 50%;
 
  transition: all 0.3s ease;
  background: none;
}
.swiper-button-prev  {   
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  top: 50%;
 
  transition: all 0.3s ease;
  background: none;
}
.swiper-wrapper {
min-height: 100%;
}
.swiper-slide  {
height: auto !important;
}