/* Block 1 */
.pic-background-block-1-1 {	
	height: 100%;
	width: 100%;
    overflow: auto;
    position: relative;
	background: url("../images/block1/slika1.jpg") top center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pic-background-block-1-2 { 
    height: 100%;
    width: 100%;
    overflow: auto;
    position: relative;
    background: url("../images/block1/slika2.jpg") top center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* /Block 1 */

/*** Block 3 ***/
/* Crnobeli svet */
.block3-subblock1-pozadina1 {
    background: url("../images/block3/crnobelisvet/grupa1/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock1-pozadina2 {
    background: url("../images/block3/crnobelisvet/grupa2/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock1-pozadina3 {
    background: url("../images/block3/crnobelisvet/grupa3/slika1.jpg") right center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock1-pozadina4 {
    background: url("../images/block3/crnobelisvet/grupa4/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock1-pozadina5 {
    background: url("../images/block3/crnobelisvet/grupa5/slika1.jpg") right center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* /Crnobeli svet */
/* Na vise nacina */
.block3-subblock2-pozadina1 {
    background: url("../images/block3/navisenacina/grupa1/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina2 {
    background: url("../images/block3/navisenacina/grupa2/slika2.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina3 {
    background: url("../images/block3/navisenacina/grupa3/slika3.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina4 {
    background: url("../images/block3/navisenacina/grupa4/slika4.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina5 {
    background: url("../images/block3/navisenacina/grupa5/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina6 {
    background: url("../images/block3/navisenacina/grupa6/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina7 {
    background: url("../images/block3/navisenacina/grupa7/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina8 {
    background: url("../images/block3/navisenacina/grupa8/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina9 {
    background: url("../images/block3/navisenacina/grupa9/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina10 {
    background: url("../images/block3/navisenacina/grupa10/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block3-subblock2-pozadina11 {
    background: url("../images/block3/navisenacina/grupa11/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* /Na vise nacina */
/*** /Block 3 ***/

/*** Block 4 ***/
/* Subblock 1 */
.block4-subblock1-pozadina1 {
    background: url("../images/block4/podgrupa1/grupa1/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina2 {
    background: url("../images/block4/podgrupa1/grupa2/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina3 {
    background: url("../images/block4/podgrupa1/grupa3/slika1.jpg") right center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina4 {
    background: url("../images/block4/podgrupa1/grupa4/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina5 {
    background: url("../images/block4/podgrupa1/grupa5/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina6 {
    background: url("../images/block4/podgrupa1/grupa6/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina7 {
    background: url("../images/block4/podgrupa1/grupa7/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock1-pozadina8 {
    background: url("../images/block4/podgrupa1/grupa8/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* /Subblock 1 */

/* Subblock 3 */
.block4-subblock3-pozadina1 {
    background: url("../images/block4/podgrupa3/grupa1/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock3-pozadina2 {
    background: url("../images/block4/podgrupa3/grupa2/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock3-pozadina3 {
    background: url("../images/block4/podgrupa3/grupa3/slika1.jpg") right center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block4-subblock3-pozadina4 {
    background: url("../images/block4/podgrupa3/grupa4/slika1.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/* /Subblock 3 */
/*** /Block 4 ***/

.pic-background-block-8 {	
	/*height: 700px;*/
	width: 100%;
    overflow: auto;
    position: relative;
	background: url("../images/block8/slika1-test2.jpg") top center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Helper classes */
.text-white-background {
	color: #ffffff;
	width: 50%;
	padding: 90px 0 90px 90px !important;	
	text-align: center;
}

.text-white-background1 {
    color: #ffffff;
    width: 60%;
    padding: 70px 0 64px 90px !important;   
    text-align: center;
}

.text-white-background2 {
	color: #ffffff;
	width: 50%;
	padding: 190px 0 190px 260px !important;	
	text-align: center;
}

.text-white-background span, .text-white-background1 span, .text-white-background2 span{
	display: block;
}

.fix-font-size {
	font-size: 14px !important;
}

.text-center {
	text-align: center;
}

.enlarge-font-150 {
	font-size: 150%;
}

.padding-fix-80 {
	padding: 130px 0 130px 0;
}

.fix-slider-image {
	width: 100%;
	height: 100%;
}

/* BLOCK 7 */
.fix-outer-block-7 {
    height: 115%;
    /*padding-top: 50px;*/
}
.fix-paragraf-size-block-7 {
    font-size: 75% !important;
    line-height: 70% !important;
}
.block7-pozadina1 {
	background: url("../images/block7/slika1.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina2 {
	background: url("../images/block7/slika2.jpg") right center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina3 {
	background: url("../images/block7/slika3.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina4 {
	background: url("../images/block7/slika4.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina5 {
	background: url("../images/block7/slika5.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina6 {
	background: url("../images/block7/slika6.jpg") right center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina7 {
	background: url("../images/block7/slika7.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina8 {
	background: url("../images/block7/slika8.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina9 {
	background: url("../images/block7/slika9.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina10 {
	background: url("../images/block7/slika10.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina11 {
	background: url("../images/block7/slika11.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina12 {
	background: url("../images/block7/slika12.jpg") right center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina13 {
	background: url("../images/block7/slika13.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina14 {
	background: url("../images/block7/slika14.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina15 {
	background: url("../images/block7/slika15.jpg") right center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina16 {
	background: url("../images/block7/slika16.JPG") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina17 {
	background: url("../images/block7/slika17.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.block7-pozadina18 {
	background: url("../images/block7/slika18.jpg") center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.story-block {
    position: absolute;
    /*margin: 20vh 34vw;
    width: 31vw;
    height: 60vh;
    */
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    opacity: 0.7;
    padding: 3vh 4vw; 
}

.story-block p {
    color: white;    
    font-size: 18px;
    line-height: 21px;
    font-style: italic;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    animation: type 4s steps(60, end); 
}

@keyframes type { 
    from { width: 0; } 
}

.close-story {
    z-index: 1000;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 36px;
    height: 35px;
    background-color: #111;
}


ul .slideshow li img, .tile img {
   
    height: 320px; width: 301px; object-fit: cover;
}

.animated-text-slides li {
    padding: 5px 0;
    font-size: 30px;
    text-transform: none;
}

@media only screen and (max-width: 500px) {
    .text-white-background, .text-white-background1, .text-white-background2 {
        width: 90%;
        padding: 20px 0px !important;
        margin-left: 5%;
    }

    .story-block p {
        font-size: 9px;
        line-height: 15px;
        margin-bottom: 5px;
    }
}