/* HLAVNI WRAP - 4 podcasti - leve (A) a prave (B) tlacitko pro posun, tečky (C) a wrap obsahu (D) */
#sliding-gallery-wrap { position: relative; font-weight: 300; margin-top: 45px;  margin-left: auto; margin-right: auto; }


/* tlačítka dopředu a zpět (A a B) */
#sliding-gallery-wrap .previous-photo-button, #sliding-gallery-wrap .next-photo-button { position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; cursor: pointer;
	text-align: center; background-position: center center; background-repeat: no-repeat; z-index: 100; border-radius: 1000px; background-size: 26px 26px; }
#sliding-gallery-wrap .previous-photo-button { left: 10px; background-image: url("../images/ref-galerie/left.png"); }
#sliding-gallery-wrap .next-photo-button { right: 7px; background-image: url("../images/ref-galerie/right.png"); }


/* wrap obsahu (D) */
#sliding-gallery-wrap #sliding-gal-middle-part-wrap { position: relative; width: 100%; /* width */ height: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 0.5); z-index: 0; border: 1px solid rgba(120, 110, 100, 0.40); box-shadow: 0px 0px 3.5px 0.06px rgba(80, 56, 18, 0.3); }


/* dlouhý jezdící pás */
#sliding-gallery-content-wrap { position: absolute; top: 0px; left: 0px; width: 10000px; /* width */ height: 100%; }
#sliding-gallery-content-wrap .single-ref { position: relative; height: 100%; box-sizing: border-box; background-position: center center; background-size: cover; float: left; background-position-y: top; }
/* komponenty jednotlivých referencí */
#sliding-gallery-content-wrap .single-ref .reference-header { position: relative; font-size: 32px; padding: 16px 0px 16px 0px; color: #3a3a3a; padding-left: 10px; 

    -webkit-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.75);
}

#sliding-gallery-content-wrap .single-ref .reference-header .text { display: inline-block; position: relative; z-index: 10; }
#sliding-gallery-content-wrap .single-ref .reference-header .underline { position: relative; width: 100%; height: 2px; background-color: rgba(5, 175, 64, 1); z-index: 1000; }
#sliding-gallery-content-wrap .single-ref .reference-header .bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url("../images/bocni_lista/wall.png"); opacity: 1; z-index: 0; }
#sliding-gallery-content-wrap .single-ref .reference-header .bg .bg-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    background-image: -moz-linear-gradient( 90deg, rgba(200, 200, 200, 0.45) 0%, rgba(252, 252, 252, 0.45) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(200, 200, 200, 0.45) 0%, rgba(252, 252, 252, 0.45) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(200, 200, 200, 0.45) 0%, rgba(252, 252, 252, 0.45) 100%);
}


#sliding-gallery-content-wrap .single-ref .ref-odvlhceno-o { display: block; position: absolute; bottom: 30px; left: 60px; font-size: 17px; font-weight: 400; text-align: center; color: rgba(255, 255, 255, 1); }
#sliding-gallery-content-wrap .single-ref .ref-odvlhceno-o .label { position: absolute; bottom: 25px; z-index: 100; padding-top: 0px; width: 100%; line-height: 1.25; }
#sliding-gallery-content-wrap .single-ref .ref-odvlhceno-o .label b { font-size: 29px; font-weight: 400; }
#sliding-gallery-content-wrap .single-ref .ref-odvlhceno-o .water-drop-shape {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 110px;
	height: 110px;
	border: none;
	-webkit-border-radius: 100% 0px 100% 100%;
	border-radius: 100% 0px 100% 100%;
	-o-text-overflow: clip;
	text-overflow: clip;
	-webkit-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
	z-index: 0;
}

#sliding-gallery-content-wrap .single-ref .ref_header_bold { font-weight: 400; }

/* tečky (C) */
#ref-dots-wrap { position: absolute; bottom: 2px; left: 0px; width: 100%; text-align: center; z-index: 10; }
#ref-dots-wrap .ref-dot { display: inline-block; width: 13px; height: 13px; background-color: rgba(248, 245, 243, 0.92); border-radius: 100px; margin-left: 3px; margin-right: 3px; border: 2px solid rgba(248, 245, 243, 0.92); cursor: pointer; 
	-webkit-box-shadow: 0px 0px 3px 1px rgba(27, 76, 125, 0.66);
	-moz-box-shadow: 0px 0px 3px 1px rgba(27, 76, 125, 0.66);
	box-shadow: 0px 0px 3px 1px rgba(27, 76, 125, 0.66);
}
#ref-dots-wrap .selected { background-image: -webkit-linear-gradient( 90deg, rgb(27,116,195) 0%, rgb(32,139,231) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(27,116,195) 0%, rgb(32,139,231) 100%); }

/* slider labely */
#sliding-gallery-content-wrap .single-ref .reference-header { text-shadow: 0px 1px 1px rgba(58, 54, 50, 0.1); }
#sliding-gallery-wrap .previous-photo-button, #sliding-gallery-wrap .next-photo-button { background-color: rgba(255, 255, 255, 0.88); background-color: rgba(248, 245, 243, 0.88); }


#sliding-gallery-content-wrap .single-ref .ref-odvlhceno-o .water-drop-shape {
    box-sizing: border-box;
    border: 1px solid rgba(5, 175, 64, 1);
    background-color: rgba(5, 163, 60, 1);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(6, 189, 70, 1)', endColorstr='rgba(5, 163, 60, 1)',GradientType=0 );
    background: -webkit-linear-gradient(rgba(6, 189, 70, 1), rgba(5, 163, 60, 1));
    background: -o-linear-gradient(rgba(6, 189, 70, 1), rgba(5, 163, 60, 1));
    background: -moz-linear-gradient(rgba(6, 189, 70, 1), rgba(5, 163, 60, 1));
    background: linear-gradient(rgba(6, 189, 70, 1), rgba(5, 163, 60, 1));
}

/* responzivita */
@media screen and (max-width: 991px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 590px; }
	#sliding-gallery-wrap { height: 350px; }
}
@media screen and (max-width: 850px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 600px; }
	#sliding-gallery-wrap { height: 350px; }
}
@media screen and (max-width: 640px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 400px; }
	#sliding-gallery-wrap { height: 350px; }
	
	#sliding-gallery-content-wrap .slider-responzivity-shift-1 {
		background-position-y: 100px;
		background-size: 130%;
	}

	#sliding-gallery-content-wrap .slider-responzivity-shift-2 {
		background-position-y: 60px;
	}
}
@media screen and (max-width: 420px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 300px; }
	#sliding-gallery-wrap { height: 300px; }
}
@media screen and (max-width: 340px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 290px; }
	#sliding-gallery-wrap { height: 290px; }
}
@media screen and (max-width: 300px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 240px; }
	#sliding-gallery-wrap { height: 240px; }
}


@media screen and (min-width: 992px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 680px; }
	#sliding-gallery-wrap { height: 350px; }
}
@media screen and (min-width: 1100px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 800px; }
	#sliding-gallery-wrap { height: 400px; }
}
@media screen and (min-width: 1200px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 850px; }
	#sliding-gallery-wrap { height: 400px; }
}
@media screen and (min-width: 1300px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 950px; }
	#sliding-gallery-wrap { height: 400px; }
}
@media screen and (min-width: 1400px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 1000px; }
	#sliding-gallery-wrap { height: 450px; }
}
@media screen and (min-width: 1801px)
{
	#sliding-gallery-wrap, #sliding-gallery-content-wrap .single-ref { width: 600px; margin-right: 0px; }
	#sliding-gallery-wrap { height: 350px; }
}