@charset "UTF-8";
/*  Copyright 2023 Videor o.d. www.videor.ba All rights reserved. */

@font-face {
    font-family: 'Helvetica Now Text';
    src: url('https://famacollection.org/files/Helvetica-Now-Text/HelveticaNowText-Regular.eot');
    src: local('Helvetica Now Text  Regular'), local('HelveticaNowText-Regular'),
        url('https://famacollection.org/files/Helvetica-Now-Text/HelveticaNowText-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://famacollection.org/files/Helvetica-Now-Text/HelveticaNowText-Regular.woff2') format('woff2'),
        url('https://famacollection.org/files/Helvetica-Now-Text/HelveticaNowText-Regular.woff') format('woff'),
        url('https://famacollection.org/files/Helvetica-Now-Text/HelveticaNowText-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-ExtraBold.eot');
    src: local('Helvetica Now Display ExtBd'), local('HelveticaNowDisplay-ExtraBold'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-ExtraBold.woff') format('woff'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-Black.eot');
    src: local('Helvetica Now Display Black'), local('HelveticaNowDisplay-Black'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-Black.woff2') format('woff2'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-Black.woff') format('woff'),
        url('https://famacollection.org/files/Helvetica-Now-Display/HelveticaNowDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; word-wrap: break-word; height: 100%; }
body { height: 100%; margin: 0; padding: 0; font-family: 'Libre Baskerville', serif; font-weight: 400; font-size: 15px; line-height: 21px; color: #E3E8EC; background-color: rgb(60,60,60); }
.fama-clearing { clear: both; }
.fama-mobile-off { display: block; }
.fama-mobile-on { display: none; }
.fama-mobile-tablet-off { display: block; }
.fama-mobile-tablet-on { display: none; }
.fama-aname-offset { top: -50px; position: relative; visibility: hidden; }
#ontop { color: #CF1F25; font-size: 27px; transition: bottom 1s; bottom: -100px; right: 30px; display: block; position: fixed; z-index: 10000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); text-decoration: none!important; }
#ontop:hover { color: #70C5FA; transition: .5s ease; }	

.fama-celije { max-width: 1440px; margin-left: auto; margin-right: auto; text-align: center; }
.fama-celija-cetvrtina { width: 25%; vertical-align: top; display: inline-block; position: relative; text-align: left; }
.fama-celija-tricetvrtine { width: 75%; vertical-align: top; display: inline-block; position: relative; text-align: left; }
.fama-blocks {background: rgb(60,60,60); background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(20,20,20,1) 100%); background-attachment: fixed;}
.fama-blocksSrebrenica1 { background: rgb(60,60,60); background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(20,20,20,1) 100%); background-attachment: fixed;}
.fama-blocksSrebrenica2 { background: rgb(60,60,60); background: linear-gradient(0deg, rgba(60,60,60,1) 0%, rgba(20,20,20,1) 100%); background-attachment: fixed;}
.fama-okvir { display: block; position: relative; padding: 60px; }
.fama-wide { padding: 0px!important; text-align: center; }
.fama-block { padding-left: 90px; padding-right: 90px; text-align: center; }
.fama-frame { margin: 10px; text-align: left; }
.fama-line { width: 100%; height: 1px; background-color: #70C5FA; }
.fama-divider { width: 100%; height: 30px; }
.fama-divider-small { width: 100%; height: 15px; }
.fama-card-divider { display: block; height: 0px; }

[class*="fama-blocks-"] { display: inline-block; position: relative; vertical-align: top; }
.fama-blocks-cijela { width: 100%; }
.fama-blocks-polovina { width: 50%; }
.fama-blocks-trecina { width: 33.33%; }
.fama-blocks-cetvrtina { width: 25%; }
.fama-blocks-petina { width: 20%; }
.fama-blocks-sestina { width: 16.66%; }
.fama-blocks-dvijetrecine { width: 66.67%; }
.fama-blocks-tricetvrtine { width: 75%; }
.fama-blocks-cetiripetine { width: 80%; }
.fama-blocks-petsestina { width: 83.34%; }

@media only screen and (max-width: 1220px) {
.fama-celije { width: 100%; }
}
    
@media only screen and (max-width: 1024px) {
.fama-mobile-tablet-off { display: none; }
.fama-mobile-tablet-on { display: block; }    
.fama-celija-cetvrtina { display: none; }
.fama-celija-tricetvrtine { width: 100%; }
.fama-okvir { padding: 30px!important; }
.fama-block { padding-left: 60px; padding-right: 60px; } 
}
	
@media only screen and (max-width: 768px) {
body { font-size: 12px; line-height: 16px; }
.fama-mobile-off { display: none; }
.fama-mobile-on { display: block; }
.fama-okvir { padding: 15px!important; }
.fama-block { padding-left: 30px; padding-right: 30px; }
.fama-frame { margin: 5px; }    
.fama-divider { height: 10px; }    
.fama-blocks-cetvrtina { width: 50%; }
.fama-blocks-petina { width: 33.33%; }
.fama-blocks-sestina { width: 25%; }
.fama-blocks-dvijetrecine { width: 66.67%; }
.fama-blocks-tricetvrtine { width: 100%; }
.fama-blocks-cetiripetine { width: 100%; }
.fama-blocks-petsestina { width: 100%; }
}

.fama-flag { display: block; position: absolute; width: 45px; top: 0px; left: 0px; z-index: 1000; }
.fama-navigation { display: block; padding: 30px; position: fixed; width: 380px; z-index: 1000; }
@media only screen and (max-width: 1024px) { .fama-navigation { padding: 20px; position: relative; width: 350px; margin-left: auto; margin-right: auto; } }
.fama-logo-1 { display: block; width: 100%; margin-bottom: 30px; }
.fama-menu { border-collapse: collapse; width: 100%; font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 14px; line-height: 14px; letter-spacing: 0.2px; }
.fama-link { display: block; width: 100%; height: 100%; text-align: left; padding: 4px; }
.fama-broj-1 { color: #CF1F25; width: 20px; text-align: left; }
.fama-broj-2 { color: #70C5FA; width: 55px; padding-left: 25px; text-align: left; }
.fama-menu td { }
.fama-menu td a { color: #E3E8EC; }
.fama-menu td a:hover { text-decoration: none; transition: .5s ease; }
.fama-menu tr { border-bottom: 1px solid rgba(255,255,255,0); }
.fama-menu tr:hover { border-bottom: 1px solid #70C5FA; transition: .5s ease; }
.fama-menu .ktm-link { border-top: 1px solid #70C5FA; border-bottom: 1px solid #70C5FA; }
.fama-menu .ktm-link:hover { border-top: 1px solid #CF1F25; border-bottom: 1px solid #CF1F25; transition: .5s ease; }
.fama-highlight { border-bottom: 1px solid #CF1F25!important; }

.fama-mobile-menu-header { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CF1F25; }
.fama-mobile-menu-logo { display: block; width: 90%; }
.fama-mobile-menu-1-overlay { height: 0%; width: 100%; position: fixed; z-index: 5001; top: 0; left: 0; background-color: rgba(17,17,17,1.00); background-color: rgba(17,17,17,0.9); overflow-y: auto; transition: 0.5s; }
.fama-mobile-menu-1-overlay .fama-mobile-menu-1-closebtn { font-size: 33px; color: #CF1F25; position: absolute; top: 25px; right: 25px;  z-index: 5002; }
.fama-mobile-menu-1-button { display: block; position: fixed; z-index: 5000; top: 20px; right: 20px; font-size: 33px; cursor: pointer; color: #CF1F25; }

.fama-splash { position: relative; width: 100%; height: 100%; text-align: center; background-image: url("https://famacollection.org/files/srebrenica-back1.jpg"); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed; }
.fama-splash-srebrenica1 { position: relative; width: 100%; height: 100%; text-align: center; background-image: url("https://famacollection.org/files/ktm/fama-ktmsr1.jpg"); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed; }
.fama-splash-srebrenica2 { position: relative; width: 100%; height: 100%; text-align: center; background-image: url("https://famacollection.org/files/ktm/fama-ktmsr2.jpg"); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed; }
.fama-splash-logo-1 { display: block; width: 33.33%; margin-bottom: 150px!important; margin-left: auto; margin-right: auto; }
.fama-splash-logo-2 { display: inline-block; width: 270px; margin: 60px!important; }
.fama-splash-logo-3 { display: inline-block; width: 180px; margin: 60px!important; }
.fama-splash-flag { display: inline-block; width: 60px; }
.fama-content-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 100%; }
.fama-content-bottom-center { display: block; position: absolute; bottom: 30px; left: 50%; transform: translate(-50%, 0); z-index: 50; width: 100%; }
.fama-content-top-left { display: block; position: absolute; top: 0; left: 0; z-index: 50; text-align: left; }
.fama-content-top-right { display: block; position: absolute; top: 0; right: 0; z-index: 50; text-align: right; }
.fama-content-top-center { display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 50; text-align: center; }
.fama-scroll-down { display: block; position: relative; margin-left: auto; margin-right: auto; text-align: center; text-decoration: none; text-shadow: 0; width: 20px; height: 20px; border-bottom: 5px solid #CF1F25; border-right: 5px solid #CF1F25; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 2s ease-in-out infinite; -moz-animation: fade_move_down 2s ease-in-out infinite; animation: fade_move_down 2s ease-in-out infinite; }

@media only screen and ( max-width: 1220px ) { }

@media only screen and (max-width: 1024px) {
.fama-splash { background-attachment: scroll; } 
.fama-splash-srebrenica1 { background-attachment: scroll; } 
.fama-splash-srebrenica2 { background-attachment: scroll; } 
.fama-splash-logo-1 { width: 350px; margin-bottom: 30px!important; }    
.fama-splash-logo-2 { width: 150px; margin: 30px!important; }
.fama-splash-logo-3 { width: 100px; margin: 30px!important; }
.fama-splash-flag { width: 50px; }    
.fama-content-top-left { top: auto; bottom: 0; left: 0; }
.fama-content-top-right { top: auto; bottom: 0; right: 0; }
}

@media only screen and (max-width: 768px) {
.fama-splash-logo-1 { width: 300px; margin-bottom: 50px!important; }
.fama-splash-logo-2 { width: 130px; }
.fama-splash-logo-3 { width: 80px; }
.fama-splash-flag { width: 40px; } 
}

.fama-swiper-container { width: 100%; overflow: hidden; position: relative; } .swiper-slide { text-align: left; }

.fama-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.fama-embed-container iframe, .fama-embed-container object, .fama-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fama-textboxframe-normal { display: block; padding: 15px; margin: 30px 10px 30px 10px; border: 2px solid #555555; }
.fama-textboxframe-quote { display: block; background-color: #555555; padding: 15px; margin: 30px 10px 30px 10px; }
.fama-textboxframe-un { display: block; background-color: #244666; padding: 15px; margin: 30px 10px 30px 10px; background-image: url("https://famacollection.org/files/un-logo.svg"); background-position: right top; background-repeat: no-repeat; background-size: 65px auto; }
.fama-textboxframe-un p { padding-right: 30px; }
.fama-textboxframe-un h4 { padding-right: 30px; }

.fama-tabs { display: table; }    
.fama-tab { display: table-cell; width: 100px; vertical-align: top; }
.fama-tabo { display: table-cell;  width: 840px; vertical-align: top; background-color: rgba(1,30,49,0.7); padding: 10px; }   
.fama-tab button { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 14px; line-height: 14px; letter-spacing: 0.2px; color: #70C5FA; display: block; background-color: inherit; padding: 7px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; }
.fama-tab button:hover { color: #E3E8EC; background-color: #CF1F25; }
.fama-tab button.active { color: #E3E8EC; background-color: rgba(1,30,49,0.7); }

.fama-flipbook { display: block; position: relative; width: 100%; height: 700px; }

.fama-vugla { position: relative; display: block; margin: 0px; text-align: center; }
.fama-vugla-container { display: block; width: 100%; max-width: 125px; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.fama-vugla-image { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.fama-vugla-title { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 18px; line-height: 20px; color: #E3E8EC; text-align: center; display: block; margin: 0px; }
.fama-vugla-info { font-family: 'Helvetica Now Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 13px; color: #E3E8EC; text-align: center; display: block; margin-top: 10px; }

.fama-download-image { display: block; position: relative; width: 100%; max-width: 150px; margin-left: auto; margin-right: auto; margin-bottom: 10px!important; }
.fama-download-title { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 18px; line-height: 20px; color: #E3E8EC; text-align: center; display: block; margin-bottom: 10px; }
.fama-download-title:hover { color: #70C5FA; transition: .5s ease; }

.fama-info { margin-top: -10px; }
.fama-info p { font-family: 'Helvetica Now Text', sans-serif; font-weight: 400; font-size: 12px; line-height: 13px; color: #E3E8EC; text-align: center; display: block; margin: 0px; }
.fama-info p a { font-weight: 400; color: #70C5FA; }
.fama-info p a:hover { font-weight: 400; color: #E3E8EC; transition: .5s ease; }

.fama-arrow-right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); float: right; margin-left: 5px; }
.fama-arrow-left { transform: rotate(135deg); -webkit-transform: rotate(135deg); float: left; margin-right: 5px; }
.fama-arrow-chapter-blue { color: #70C5FA; }
.fama-arrow-chapter-red { color: #CF1F25; }    
.fama-arrow-blue { border: solid #70C5FA; border-width: 0 5px 5px 0; width: 15px; height: 15px; display: inline-block; } 
.fama-arrow-red { border: solid #CF1F25; border-width: 0 5px 5px 0; width: 15px; height: 15px; display: inline-block; }         
.fama-arrow-chapter { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 22px; line-height: 13px; margin-bottom: 15px; display: block; }
.fama-arrow-title   { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 16px; line-height: 17px; color: #E3E8EC; margin-bottom: 0px; display: block; }  
.fama-arrow-chapter-left { text-align: left; }
.fama-arrow-chapter-right { text-align: right; }
.fama-arrow-title-left { text-align: left; margin-left: 20px; }
.fama-arrow-title-right { text-align: right; margin-right: 20px; }

@media only screen and (max-width: 1220px) {
.fama-tab { width: 15%; }
.fama-tabo { width: 85%; }  
}

@media only screen and (max-width: 1024px) {
.fama-tab button { font-size: 12px; line-height: 12px; }
.fama-vugla-title { font-size: 16px; line-height: 17px;  }
.fama-vugla-info { font-size: 10px; line-height: 11px; }  
.fama-download-title { font-size: 16px; line-height: 17px; margin-bottom: 10px; }  
.fama-info p { font-size: 10px; line-height: 11px; } 
}
	
@media only screen and (max-width: 768px) {
.fama-textboxframe-normal { padding: 10px; margin: 20px 5px 20px 5px; }
.fama-textboxframe-quote { padding: 10px; margin: 20px 5px 20px 5px; }
.fama-textboxframe-un { padding: 10px; margin: 20px 5px 20px 5px; background-size: 45px auto; }
.fama-textboxframe-un p { padding-right: 20px; }
.fama-textboxframe-un h4 { padding-right: 20px; }
.fama-tab { width: 20%; }
.fama-tabo { width: 80%; } 
.fama-tab button { font-size: 10px; line-height: 10px; padding: 5px; }  
.fama-vugla-container { max-width: 70px; margin-bottom: 5px; }
.fama-vugla-title { font-size: 14px; line-height: 15px;  }    
.fama-vugla-info { font-size: 9px; line-height: 9px; margin-top: 5px; }
.fama-download-image { max-width: 100px; margin-bottom: 5px; }
.fama-download-title { font-size: 14px; line-height: 15px; margin-bottom: 10px; }  
.fama-info p { font-size: 9px; line-height: 10px; }    
.fama-info { margin-top: 0px; }
}

.fama-crveni { color: #CF1F25; }
.fama-plavi { color: #70C5FA; }


p { text-align: left; margin-top: 0; margin-bottom: 15px; }
p:last-child { margin-bottom: 0px!important; }
a {	font-weight: 700; color: #70C5FA; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: none; transition: .5s ease; }
img { display: block; width: 100%; margin-bottom: 15px; }
img:last-child { margin-bottom: 0px; }
ol { padding: 0; margin-top: 0; margin-left: 5px; margin-bottom: 15px; list-style: none; counter-reset: my-awesome-counter; }
ol li { margin-left: 0px; text-indent: 0em; padding-bottom: 15px; counter-increment: my-awesome-counter; }
ol li::before { color: #70C5FA; font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; content: counter(my-awesome-counter) ". "; padding-right: 5px; }
ol li:last-child { padding-bottom: 0px; }
ul { list-style: none; padding: 0; margin-top: 0; margin-left: 5px; margin-bottom: 15px; }
ul li::before { content: "• "; font-weight: 800; color: #70C5FA!important; padding-left: 5px; padding-right: 5px; }
ul li { padding-left: 15px; text-indent: -1.5em; padding-bottom: 15px; }
ul li:last-child { padding-bottom: 0px; }
h1 { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 80px; line-height: 70px; color: #E3E8EC; margin-top: 0px; margin-bottom: 30px; display: block; }
h2 { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 35px; line-height: 35px; color: #70C5FA; margin-top: 0px; margin-bottom: 10px; display: block; }
h3 { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 35px; line-height: 35px; color: #777777; margin-top: -15px; margin-bottom: 30px; display: block; }
h4 { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 22px; line-height: 22px; color: #E3E8EC; margin-top: 0px; margin-bottom: 15px; display: block; }
h5 { font-family: 'Helvetica Now Text', sans-serif; font-weight: 400; font-size: 14px; line-height: 15px; color: #E3E8EC; margin-top: 0px; margin-bottom: 5px; display: block; }
h6 { font-family: 'Helvetica Now Display', sans-serif; font-weight: 800; font-size: 17px; line-height: 17px; color: #70C5FA; margin-top: 0px; margin-bottom: 10px; display: block; }
blockquote { font-size: 16px; line-height: 23px; color: #FFFFFF; padding-left: 15px; text-align: left!important; border-left: 5px solid #005184; }

@media only screen and (max-width: 1220px) { }

@media only screen and (max-width: 1024px) {
h1 { font-size: 37px; line-height: 37px; margin-bottom: 10px; }
h2 { font-size: 25px; line-height: 25px; margin-bottom: 10px; }
h3 { font-size: 23px; line-height: 23px; margin-top: 0px; margin-bottom: 10px; }
h4 { font-size: 23px; line-height: 23px; margin-bottom: 10px; }
h5 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
h6 { font-size: 17px; line-height: 15px; margin-bottom: 10px; }
}
	
@media only screen and (max-width: 768px) {
p { text-align: left; margin-bottom: 10px; }
ol {  margin-left: 15px; margin-bottom: 10px; }
ol li { padding-bottom: 5px; }
ul { margin-left: 15px; margin-bottom: 10px; }
ul li::before { padding-left: 15px;}
ul li { text-indent: -2.4em; padding-bottom: 10px; }
h1 { font-size: 30px; line-height: 28px; margin-bottom: 10px; }
h2 { font-size: 22px; line-height: 22px; margin-bottom: 5px; }
h3 { font-size: 20px; line-height: 20px; margin-top: 0px; margin-bottom: 10px; }
h4 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
h5 { font-size: 17px; line-height: 17px; margin-bottom: 10px; }
h6 { font-size: 14px; line-height: 13px; margin-bottom: 10px; }
blockquote { font-size: 13px; line-height: 20px; margin-top: 15px!important; margin-left: 0px; margin-bottom: 15px!important; padding-left: 15px; }
}