.fluid_container {
    bottom: 0;
    height: calc(70vh - 0px);
    left: 0;
    position: relative;
    right: 0;
    top: 0px;
    z-index: 0;                     
}

#camera_wrap {
    top: 0;
    height: calc(70vh + 20px);
    left: 0;
    margin-bottom: 0!important;
    position: relative; /*relative-nebo-fixed*/
    right: 0;
    top: 0px;
    z-index: 0;
    background: rgba(var(--black_tr),1);
    border-bottom: var(--primary-color) 10px solid; 
} 

@media screen and (max-width: 660px) {
    .fluid_container{
        height: calc(100vh + 40px);
    }
    #camera_wrap{
        height: calc(95vh + 0px);
    }
}


.camera_bar {
    z-index: 2;
}
.camera_thumbs {
    margin-top: 0px;
    position: relative;
    z-index: 1;
}
.camera_thumbs_cont {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.camera_overlayer {
    opacity: .1;
}

.camera_caption > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;

    background: rgba(var(--black_tr),.0);
    padding: 0;
    margin: 0 auto;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 700;
    /*text-transform: uppercase;*/
    color: var(--white);
    /*text-shadow: 1px 1px 10px rgba(var(--black_tr),1);*/

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.camera_caption > div small {
    font-size: 0.325em;
    letter-spacing: 0.2em;
    font-weight: 400;
    margin-top: 15px;
    max-width: 70vw!important;
    overflow-wrap: break-all;
    line-height: 1.2em;	
}


.camera_wrap img {
	max-width: none!important;
    filter: grayscale(100%)  brightness(70%) ;
    /*filter: blur(2px);*/
    opacity: 1;
    position: relative;

}


.camera_wrap .camera_caption img {
    width: 400px;
    float: none;
    margin: 0px 0px 0px -20px;
    padding: 0;
    text-align: center;
    display: block;

}

@media screen and (max-width: 660px) {
    .camera_caption > div {
        /*line-height: 0.5em;*/
    }
    .camera_wrap .camera_caption img {
      width: 100%;
      margin: 0;
    }
    .camera_caption > div small {
        letter-spacing: 0;
        white-space: normal;
    }
  
  }

#camera_wrap > div::after {
    content: '';
    background-blend-mode: screen;
    background:rgba(0,84,159,0.05);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.camera_wrap img.imgIn {
    filter: none!important;
    
    /*padding: 25px;
    background: rgba(var(--white_tr),.1)*/
}



/*=================ovladaci-puntiky===============
==================================================*/
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;

	z-index: 99999;
	position: absolute;
	top: calc(0px + 0px);/*prictena-vyska-menu*/
	right: 15px;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	cursor: pointer;
	display: inline-block;
	height: 26px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: 9999px;
	width: 26px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	height: 26px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 26px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	box-shadow: 0;
}

.camera_wrap .camera_pag .camera_pag_ul li {
	background: var(--white);
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: var(--secondary-color);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: var(--primary-color);
}



/*=============zarovnani-textu============
==========================================*/
.captionLeft > div  {
    left: 0%;
    transform: translate(15%, -50%);
    text-align: left;
    align-items: flex-start;   
}
.camera_wrap .captionLeft .imgIn {
    width: 300px;
    float: left;
    margin: 0;  
}

.captionRight > div  {
    right: 0%;
    transform: translate(-15%, -50%);
    text-align: right;
    align-items: flex-end;   
}
.camera_wrap .captionRight .imgIn {
    width: 300px;
    float: right;
    margin: 0;  
}


/*resp*/
@media screen and (max-width: 660px) {
    .camera_caption > div,
    .captionLeft > div,
    .captionRight > div {
        text-align: center;
        margin: 0 auto;
        align-items: center;
        transform: translate(-50%, -55%);
        right: auto;
        left: 50%;
        align-items: center;
    }

    .camera_caption img,
    .camera_wrap .imgIn,
    .camera_wrap .captionLeft .imgIn,
    .camera_wrap .captionRight .imgIn {
        float: none;
        width: 150px!important;
        max-width: 150px!important;
        margin: 0 auto 15px!important;
        padding: 0;
        text-align: center;
        align-items: center;
    }

}

/*=======volitelne-velikosti-textu========
==========================================*/
.sizeS {
    font-size: 0.3vw;
}
.sizeM {
    font-size: 0.5vw;
}
.sizeL {
    font-size: 1vw;
}
.sizeXL {
    font-size: 1.5vw;
}
.sizeS,
.sizeM,
.sizeL,
.sizeXL {
    line-height: 1em;
}

@media screen and (max-width: 660px) {
    .sizeS,
    .sizeM,
    .sizeL,
    .sizeXL {
        line-height: auto;
        font-size: 0.625em;
    }

}

.size10 {
    font-size: 10px;
}
.size12 {
    font-size: 12px;
}
.size14 {
    font-size: 14px;
}
.size16 {
    font-size: 16px;
}
.size18 {
    font-size: 18px;
}
.size20 {
    font-size: 20px;
}
.size10,
.size12,
.size14,
.size16,
.size18,
.size20 {
    line-height: 1em;
}

@media screen and (max-width: 660px) {
    .sizeS,
    .sizeM,
    .sizeL,
    .sizeXL {
        line-height: auto;
        font-size: 0.625em;
    }

}

/*skryti-ovladacich-prvku*/
@media screen and (max-width: 660px) {
    .camera_wrap .camera_pag .camera_pag_ul {
    display: none;
}

}
@media screen and (max-width: 1440px) {
        .camera_next,
        .camera_prev {
        display: none;
    }

}