/*

 * jQuery FlexSlider v2.6.3

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 and later license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 *

 */



/* ====================================================================================================================

 * RESETS

 * ====================================================================================================================*/

 .flex-container a:hover,

 .flex-slider a:hover {

   outline: none;

 }

 

 .slides,

 .slides>li,

 .flex-control-nav,

 .flex-direction-nav {

   margin: 0;

   padding: 0;

   list-style: none;

 }

 

 .flex-pauseplay span {

   text-transform: capitalize;

 }

 

 /* ====================================================================================================================

   * BASE STYLES

   * ====================================================================================================================*/

 .flexslider .slides li {

   display: none;

   -webkit-backface-visibility: hidden;

   position: relative;

   overflow: hidden;

 }

 

 .flexslider .slides li .slide_content {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 282px;

	right: auto;

	color: #111111;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: flex-start;

	text-align: left;

}

body.box_layout #page .flexslider .slides li .slide_content {

	left: 50px;

}

 

 .flexslider .slides li .slide_content .headdings.left-align .sub_headding {

   margin: 0 0 25px;

   display: inline-block;

 }

 

 .flexslider .slides li .slide_content .headdings .headding_text {

   font-size: 20px;

   margin-bottom: 21px;

   text-transform: uppercase;

 }

 

 .flexslider .slides li .slide_content .headdings .sub_headding {

	font-weight: 600;

	font-size: 48px;

	line-height: 56px;

	margin-bottom: 47px;

	letter-spacing: -0.1px;

}

 

 .flexslider .slides li .slide_content .headdings .sub_headding span {

   display: block;

 

 }

 

 

 .flexslider .slides li .slide_content .headdings .headding_text,

 .flexslider .slides li .slide_content .headdings .sub_headding,

 .flexslider .slides li .slide_content .headdings .button-shopnow {

   opacity: 0;

   -webkit-transition: opacity 0.7s, -webkit-transform 0.7s;

   transition: opacity 0.7s, -webkit-transform 0.7s,

     -moz-transform 0.7s, -o-transform 0.7s, transform 0.7s;

 }

 

 .flexslider .slides li .slide_content .headdings .headding_text,

 .flexslider .slides li .slide_content .headdings .sub_headding {

   webkit-transform: translate3d(30%, 0%, 0);

   transform: translate3d(30%, 0%, 0);

   -webkit-transition-delay: 0.3s;

   transition-delay: 0.3s;

 }

 

 .flexslider .slides li.flex-active-slide .slide_content .headdings .headding_text {

   -webkit-transition-delay: 0.4s;

   transition-delay: 0.4s;

 }

 

 .flexslider .slides li.flex-active-slide .slide_content .headdings .sub_headding {

   -webkit-transition-delay: 0.6s;

   transition-delay: 0.6s;

 }

 

 .flexslider .slides li .slide_content .headdings .button-shopnow {

   -webkit-transform: translate3d(0%, 30%, 0);

   transform: translate3d(0%, 30%, 0);

   -webkit-transition-delay: 0s;

   transition-delay: 0s;

 }

 

 .flexslider .slides li.flex-active-slide .slide_content .headdings .button-shopnow {

   -webkit-transition-delay: 0.8s;

   transition-delay: 0.8s;

 }

 

 .flexslider .slides li.flex-active-slide .slide_content .headdings .headding_text,

 .flexslider .slides li.flex-active-slide .slide_content .headdings .sub_headding,

 .flexslider .slides li.flex-active-slide .slide_content .headdings .button-shopnow {

   opacity: 1;

   -webkit-transform: translate3d(0%, 0%, 0);

   transform: translate3d(0%, 0%, 0);

 }

 

 .flexslider .slides img {

   width: 100%;

   display: block;

 }

 

 .flexslider .slides:after {

   content: "\0020";

   display: block;

   clear: both;

   visibility: hidden;

   line-height: 0;

   height: 0;

 }

 

 html[xmlns] .flexslider .slides {

   display: block;

 }

 

 * html .flexslider .slides {

   height: 1%;

 }

 

 .no-js .flexslider .slides>li:first-child {

   display: block;

 }

 

 /* ====================================================================================================================

   * DEFAULT THEME

   * ====================================================================================================================*/

   .flexslider {

    position: relative;

    zoom: 1;

    overflow: hidden;

  }

 

 .flexslider .caption-description h2 {

   font-size: 30px;

   margin-bottom: 25px;

   letter-spacing: 9px;

 }

 

 .flexslider .slides {

   zoom: 1;

 }

 

 .flexslider .slides img {

	height: auto;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

	transition: all 0.5s ease 0s;

}

 

 .flex-viewport {

   max-height: 2000px;

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -ms-transition: all 1s ease;

   -o-transition: all 1s ease;

   transition: all 1s ease;

   direction: ltr !important;

 }

 

 .loading .flex-viewport {

   max-height: 300px;

 }

 

 .carousel li {

   margin-right: 5px;

 }

 

 .flex-direction-nav {

   *height: 0;

 }

 

 .flex-direction-nav a {

   text-decoration: none;

   display: block;

   position: absolute;

   z-index: 8;

   top: 45%;

   overflow: hidden;

   opacity: 0;

   filter: alpha(opacity=0);

   cursor: pointer;

   font-size: 0;

   height: 40px;

   width: 40px;

   border: 2px solid #1c61e7;

  border-radius: 5px;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  -moz-border-radius: 5px;

   -webkit-transition: all 200ms ease;

   -moz-transition: all 200ms ease;

   -o-transition: all 200ms ease;

   transition: all 200ms ease;

 }

 

 .flex-direction-nav a::before {

   height: 32px;

   width: 32px;

   color: #fff;

   display: inline-block;

   float: none;

   font-family: "FontAwesome";

   font-size: 21px;

   line-height: 27px;

   margin: 2px;

   vertical-align: top;

   padding: 2px 12px;

   background-color: #1c61e7;

   -webkit-transition: all 0.3s ease-in-out;

   -moz-transition: all 0.3s ease-in-out;

   -ms-transition: all 0.3s ease-in-out;

   -o-transition: all 0.3s ease-in-out;

   transition: all 0.3s ease-in-out;

   border-radius: 5px;

   -webkit-border-radius: 5px;

   -khtml-border-radius: 5px;

   -moz-border-radius: 5px;

 }

 

 .flex-direction-nav a.flex-prev:before {

   content: '\f104';

 }

 

 .flex-direction-nav a.flex-next:before {

   content: '\f105';

 }

 

 .flex-direction-nav .flex-prev {

   left: -10px;

 }

 

 .flex-direction-nav .flex-next {

   right: -10px;

   text-align: right;

 }

 

 .flexslider:hover .flex-direction-nav .flex-prev {

   left: 30px;

   opacity: 1;

 }

 

 .flexslider:hover .flex-direction-nav .flex-next {

   right: 30px;

   opacity: 1;

 }

 

 .flex-direction-nav .flex-disabled {

   opacity: 0 !important;

   filter: alpha(opacity=0);

   cursor: default;

   z-index: -1;

 }

 

 .flex-pauseplay a {

   display: block;

   width: 20px;

   height: 20px;

   position: absolute;

   bottom: 5px;

   left: 10px;

   opacity: 0.8;

   z-index: 10;

   overflow: hidden;

   cursor: pointer;

   color: #000;

 }

 

 .flex-pauseplay a:before {

   font-family: "Material Icons";

   font-size: 20px;

   display: inline-block;

   content: '\E039';

 }

 

 .flex-pauseplay a:hover {

   opacity: 1;

 }

 

 .flex-pauseplay a.flex-play:before {

   content: '\E036';

 }

 

 .flex-control-nav {

   width: 100%;

   position: absolute;

   margin: 0;

   display: block;

   bottom: 7px;

   text-align: center;

   z-index: 2;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

   line-height: 21px;

 }

 

 .flex-control-nav li {

   margin: 0 3px;

   display: inline-block;

   zoom: 1;

   vertical-align: bottom;

 }

 

 .flex-control-paging li a {

   width: 12px;

   height: 12px;

   display: block;

   background: #111;

   cursor: pointer;

   text-indent: -9999px;

   -webkit-transition: all 500ms ease;

   -moz-transition: all 500ms ease;

   -o-transition: all 500ms ease;

   transition: all 500ms ease;

   border-radius: 50px;

   -webkit-border-radius: 50px;

   -khtml-border-radius: 50px;

   -moz-border-radius: 50px;

 }

 

 .flex-control-paging li a:hover,

 .flex-control-paging li a.flex-active {

   background: #1c61e7;

   border-color: #1c61e7;

   -webkit-transition: all 500ms ease 0s;

   -moz-transition: all 500ms ease 0s;

   -o-transition: all 500ms ease 0s;

   transition: all 500ms ease 0s;

 }

 

 /*.flex-control-paging li a.flex-active {

    cursor: default;

  }*/

 .flex-control-thumbs {

   margin: 5px 0 0;

   position: static;

   overflow: hidden;

 }

 

 .flex-control-thumbs li {

   width: 25%;

   float: left;

   margin: 0;

 }

 

 .flex-control-thumbs img {

   width: 100%;

   height: auto;

   display: block;

   opacity: .7;

   cursor: pointer;

   -moz-user-select: none;

   -webkit-transition: all 1s ease;

   -moz-transition: all 1s ease;

   -ms-transition: all 1s ease;

   -o-transition: all 1s ease;

   transition: all 1s ease;

 }

 

 .flex-control-thumbs img:hover {

   opacity: 1;

 }

 

 .flex-control-thumbs .flex-active {

   opacity: 1;

   cursor: default;

 }

 

 /* ====================================================================================================================

   * RESPONSIVE

   * ====================================================================================================================*/

@media (max-width: 1800px) {

    .flexslider .slides li .slide_content {

      left: 160px;

    }

}

 @media (max-width: 1459px) {

   .flexslider .slides li .slide_content .headdings .headding_text {

     font-size: 16px;

     margin-bottom: 10px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

     font-size: 42px;

     line-height: 52px;

     margin-bottom: 25px;

   }

   .flexslider .slides li .slide_content {

	  left: 30px;

  }

 }

 

 @media (max-width: 1199px) {

  

   .flexslider:hover .flex-direction-nav .flex-prev {

     left: 10px;

   }

   body.box_layout #page .flexslider .slides li .slide_content {

    left: 30px;

  }

 

   .flexslider:hover .flex-direction-nav .flex-next {

     right: 10px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

     font-size: 38px;

     line-height: 48px;

     margin-bottom: 20px;

   }

 

   .flexslider .slides li .slide_content .headdings .headding_text {

     font-size: 14px;

     margin-bottom: 5px;

   }

 }

 

 @media (max-width: 991px) {

  .flexslider {

    width: unset;

  }

 

   .flexslider .slides li .slide_content {

     left: 20px;

   }

 

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

      font-size: 29px;

      line-height: 39px;

      margin-bottom: 15px;

  }

 

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

     padding: 9px 25px;

     font-size: 12px;

   }

 

   .flex-direction-nav {

     display: none;

   }

 }

 

 @media (max-width: 767px) {

   .flexslider .slides li .slide_content {

     left: 30px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

    font-size: 25px;

    line-height: 34px;

     margin-bottom: 10px;

   }

 

   .flexslider .slides li .slide_content .headdings .headding_text {

     margin: 0

   }

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

    padding: 7px 15px;

    font-size: 12px;

  }

  .flexslider .slides li .slide_content .headdings .headding_text {

    font-size: 12px;

  }

  body.box_layout #page .flexslider .slides li .slide_content {

    left: 15px;

  }

 }

 

 @media (max-width: 650px) {

   .flexslider .slides li .slide_content {

     left: 20px;

   }

 

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

    font-size: 22px;

    line-height: 27px;

  }

 

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

     padding: 6px 15px;

     font-size: 10px;

   }

 }

 

 @media (max-width: 575px) {

   .flexslider .slides li .slide_content .headdings .headding_text {

     line-height: 22px;

     font-size: 11px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

    font-size: 19px;

    line-height: 23px;

  }

 

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

     line-height: 18px;

   }

 }

 

 @media (max-width: 480px) {

   .flex-control-nav {

     bottom: 4px;

     line-height: 0;

   }

 

   .flexslider .slides li .slide_content .headdings .headding_text {

     line-height: 18px;

     display: none;

     font-size: 10px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

    font-size: 16px;

    line-height: 22px;

    margin-bottom: 5px;

  }

 

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

     padding: 4px 10px;

     font-size: 8px;

   }

 }

 

 @media (max-width: 380px) {

   .flexslider .slides li .slide_content .headdings .headding_text {

     display: none;

   }

 

   .flexslider .slides li .slide_content .headdings .button-shopnow .btn-primary {

     line-height: 15px;

   }

 

   .flexslider .slides li .slide_content .headdings .sub_headding {

    font-size: 14px;

    line-height: 19px;

  }

 

   .flexslider .slides li .slide_content {

     left: 15px;

   }

 }

/* ======== NOWY STYL KROPEK NAWIGACYJNYCH SLIDERA ======== */
.flex-control-nav {
    position: absolute;
    bottom: 15px; /* Możesz dostosować odstęp */
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    margin: 0 6px; /* Odstęp między kropkami */
}

/* Styl kropek - nieaktywne */
.flex-control-nav li a {
    background-color: rgba(255, 255, 255, 0.5); /* Kolor nieaktywnej kropki */
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    transition: background-color 0.3s ease, transform 0.3s ease;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

/* Styl kropek - aktywne i hover */
.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
    background-color: #1c61e7; /* Kolor aktywnej kropki */
    transform: scale(1.4); /* Powiększenie aktywnej kropki */
    box-shadow: 0px 0px 8px rgba(28, 97, 231, 0.8);
}



/* Domyślne style dla komputera */
.flexslider {
    height: 350px;
    overflow: hidden;
}

/* Styl dla kontenera slidera, aby zajmował całą dostępną przestrzeń */
#homepage_slider {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Ukryj ewentualne marginesy/paddingi w kontenerach nadrzędnych */
#homepage_slider > .flexslider {
    width: 100% !important;
    left: 0 !important;
}

.flexslider .slides,
.flexslider .slides > li {
    height: 100%;
}

.flexslider .slides img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* ------------------------------------------------ */

/* Style dla urządzeń mobilnych (do 768px) */
@media (max-width: 768px) {
    /* Ustawienie dynamicznej wysokości, która skaluje się proporcjonalnie */
    .flexslider {
        height: 29.9vw; /* 350px/1170px = 0.299 */
    }

    /* Upewnij się, że zewnętrzne kontenery nie ograniczają szerokości */
    #homepage_slider,
    #homepage_slider .flexslider {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Zazwyczaj to .container i .row mają paddingi na urządzeniach mobilnych,
       więc musisz je usunąć dla tej sekcji. */
    #homepage_slider_wrapper.container,
    .content-block > .row {
        padding-left: 0;
        padding-right: 0;
    }
}