@charset "UTF-8";
/*  Copyright 2021 Videor o.d. www.videor.ba All rights reserved. */
* { box-sizing: border-box; }
@font-face { font-family: 'Redaction'; src: url('https://sarajevosecurityconference.com/layout/redaction/Redaction-Bold.woff2') format('woff2'); }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; word-wrap: break-word; height: 100%; }
body { height: 100%; margin: 0; padding: 0; background-color: #3B668C; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 18px; line-height: 27px; color: #414D58; }
.clearing {	clear: both; }
.mobile-tablet-off { display: block; }
.mobile-tablet-on { display: none; }
.mobile-off { display: block; }
.mobile-on { display: none; }
.aname-offset { top: -50px; position: relative; visibility: hidden; }
#ontop { color: #E9C852; font-size: 27px; transition: bottom 1s; bottom: -100px; right: 30px; display: block; position: fixed; z-index: 800; -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: #3B668C; transition: .5s ease; }	

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

.hero-full { position: relative; height: 100%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed!important; }
.content-align-frame { display: block; position: relative; width: 100%; height: 100%; }

.logo-nl-front { display: block; position: absolute; width: 250px; top: 50%; left: 60px; transform: translate(0, -50%); z-index: 50; }
.logo-wbc-front { display: block; position: absolute; width: 125px; top: 50%; right: 60px; transform: translate(0, -50%); z-index: 50; }
.logo-ssc-front { display: block; position: absolute; width: 400px; padding-bottom: 125px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; }
.register-1 { display: inline-block; background-color: #E9C852; padding: 10px 20px 10px 20px; font-weight: 700; font-size: 20px; color: #2E435A; border-radius: 5px; text-decoration: none; position: absolute; top: 30px; left: 30px; z-index: 50; }
.register-1:hover { background-color: #3B668C; color: #ffffff; transition: .5s ease; }
.register-2 { display: inline-block; background-color: #E9C852; padding: 10px 20px 10px 20px; font-weight: 700; font-size: 20px; color: #2E435A; border-radius: 5px; text-decoration: none; }
.register-2:hover { background-color: #3B668C; color: #ffffff; transition: .5s ease; }
.date-front { display: block; width: 85%; max-width: 750px; position: absolute; bottom: 60px; left: 50%; transform: translate(-50%, 0); z-index: 50; }

.block1 { position: relative; display: block; width: 100%; padding: 30px 30px 90px 30px; background-color: #fff; }

.section { display: block; text-align: center; color: #3B668C; font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 40px; line-height: 20px; }
.text-1 { display: block; text-align: center; font-weight: 400; font-size: 22px; line-height: 30px; color: #1A2E3F; padding: 30px; }
.sun-orange { display: block; width: 50px; margin: 0 auto 0 auto; }   
.sun-line-orange { display: block; width: 100%; border-bottom: 1px solid #E9C852; margin-bottom: 30px; }    
    
@media only screen and (max-width: 1220px) {
}

@media only screen and (max-width: 1024px) {
.block1 { padding: 15px 15px 60px 15px; }
.hero-full { background-attachment: scroll!important; }
.mobile-tablet-off { display: none; }
.mobile-tablet-on { display: block; }
   
    
.logo-nl-front { display: none; }
.logo-wbc-front { display: none; }
.logo-ssc-front { width: 200px; padding-bottom: 50px; }   
.date-front { max-width: 550px; bottom: 30px; }
.register-1 { padding: 6px 12px 6px 12px; font-size: 16px; }
.register-2 { padding: 6px 12px 6px 12px; font-size: 16px; bottom: 80px; }
.text-1 { font-size: 17px; line-height: 23px; }
}
	
@media only screen and (max-width: 768px) {
body { font-size: 15px; line-height: 22px; }
.mobile-off { display: none; }
.mobile-on { display: block; }
}    



.vd21-glava { position: relative; display: block; margin: 0px; text-align: center; }
.vd21-glava-image-container { display: block; width: 100%; max-width: 200px; margin-left: auto; margin-right: auto; margin-bottom: 15px; }
.vd21-glava-image { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }


.swiper-container-height { width: 100%; overflow: hidden; position: relative; padding-bottom: 30px; } .swiper-slide { text-align: left; }
.swiper-container-height-1 { width: 100%; overflow: hidden; position: relative; padding: 30px; background-color: #ffffff; } .swiper-slide { text-align: left; }

.ssc-block-1 { position: relative; display: block; width: 100%; padding: 30px; background: rgb(229,229,229); background: linear-gradient(180deg, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); }
.ssc-block-2 { position: relative; display: block; width: 100%; padding: 30px; background-image: url('https://sarajevosecurityconference.com/layout/westernbalkans.jpg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: right!important; }
.ssc-frame-1 { display: block; width: 100%; padding: 60px; }
.ssc-frame-2 { display: block; width: 100%; padding: 30px; }
.ssc-line-1 { display: block; width: 60px; height: 3px; background-color: #E9C852; margin: 15px 0 10px 0; }
.ssc-line-2 { display: block; width: 30px; height: 2px; background-color: #E9C852; margin: 5px auto 5px auto; }
.ssc-logo-footer { display: block; width: 225px; margin: 30px auto 30px auto; }
.ssc-image-1 { display: block; width: 100%; }
.ssc-button-1 { display: inline-block; background-color: #3B668C; padding: 6px 10px 6px 10px; color: #fff; font-weight: 700; font-size: 14px; line-height: 14px; text-decoration: none; border-radius: 3px; }
.ssc-button-1:hover { background-color: #E9C852; color: #414D58; text-decoration: none; transition: .5s ease; }
.ssc-button-2 { display: inline-block; background-color: #E9C852; padding: 6px 10px 6px 10px; color: #414D58; font-weight: 700; font-size: 14px; line-height: 14px; text-decoration: none; border-radius: 3px; }
.ssc-button-2:hover { background-color: #3B668C; color: #fff; text-decoration: none; transition: .5s ease; }

p { display: block; margin-bottom: 15px; }
p:last-child { margin-bottom: 0px; }
strong { font-weight: 500; }
a { color: #3B668C; font-weight: 400; text-decoration: none; }
a:hover { color: #E9C852; transition: .5s ease; }

h1 { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 50px; line-height: 50px; color: #3B668C; margin: 0px 0 90px 0; }
h2 { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 30px; line-height: 30px; color: #414D58; margin: 0px 0 30px 0; }
h3 { font-weight: 400; font-size: 25px; line-height: 25px; color: #3B668C; margin: 0; }
h4 { font-weight: 700; font-size: 25px; line-height: 25px; color: #3B668C; margin: 0 0 -10px 0; }

.ssc-agenda-block { border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; }
.ssc-agenda-time { display: inline-block; font-weight: 700; font-size: 14px; line-height: 14px; padding: 6px 8px 5px 8px; background-color: #3B668C; color: #fff; margin: 0 0 15px 0; }
.ssc-agenda-small { display: block; font-weight: 700; color: #CF5442; margin: 0 0 5px 0; text-transform: uppercase; }
.ssc-agenda-large { display: block; font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 30px; line-height: 30px; color: #3B668C; margin: 0 0 10px 0; }
.ssc-agenda-speakers ul { list-style: none; padding: 0; margin-top: 0; margin: 0; }
.ssc-agenda-speakers ul li::before { content: "■ "; font-weight: 900; color: #E9C852!important; padding-right: 5px; padding-left: 15px;}
.ssc-agenda-speakers ul li { padding-left: 15px; text-indent: -1.5em; padding-bottom: 10px; }
.ssc-agenda-speakers ul li:last-child { padding-bottom: 0px!important; margin-bottom: 0!important;}

.ssc-image-1 { display: block; width: 100%; }

.ssc-article-link-1 { display: block; font-weight: 500; font-size: 22px; line-height: 1; color: #3B668C; margin: 15px 0 0 0!important; text-decoration: none; }
.ssc-article-link-1:hover { color: #959595; }
.ssc-article-date-1 { font-size: 15px; line-height: 1; }

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

}
	
@media only screen and (max-width: 1024px) {
.swiper-container-height { padding: 15px; } 
.ssc-block-1 { padding: 15px; }
.ssc-block-2 { padding: 15px; }
.ssc-frame-1 { padding: 15px; }
.ssc-frame-2 { padding: 15px; }
.ssc-line-1 { width: 30px; margin: 10px 0 5px 0; }
.ssc-logo-footer { width: 125px; margin: 15px auto 15px auto; }
h1 { font-size: 35px; line-height: 35px; margin: 0px 0 30px 0; }
h2 { font-size: 20px; line-height: 20px; margin: 0px 0 15px 0; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 18px; line-height: 18px; }
    
.ssc-article-link-1 { font-size: 17px; margin: 5px 0 0 0; }    
.ssc-article-date-1 { font-size: 11px; }    
.ssc-agenda-time { font-size: 12px; line-height: 12px; padding: 5px 7px 4px 7px; }
.ssc-agenda-large { font-size: 20px; line-height: 20px; }
} 

/*  DESKTOP MENU 1 */
.ssc-desktop-menu-block-front { position: relative; display: block; width: 100%; }
.ssc-desktop-menu-block-front .ssc-desktop-menu-navigation { text-align: center; }
.ssc-desktop-menu-block-front .ssc-desktop-menu-container-menu-inside { top: 30px; left: 50%; transform: translate(-50%, 0); z-index: 50; padding-right: 30px; width: 100%; }
.ssc-desktop-menu-block { position: relative; display: block; width: 100%; background-image: url('https://sarajevosecurityconference.com/layout/sarajevo.svg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed!important; }
.ssc-desktop-menu-block-1 { position: relative; display: block; width: 100%; background-image: url('https://sarajevosecurityconference.com/layout/sarajevo.svg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed!important; }
.ssc-desktop-menu-logo { display: block; position: fixed; top: -30px; left: 30px; z-index: 500; width: 20%; }
.ssc-desktop-menu-container-menu { display: block; position: relative; width: 100%; height: 120px; }
.ssc-desktop-menu-container-menu-inside { display: block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 50; padding-right: 30px; }
.ssc-desktop-menu-navigation { text-align: right; }
.ssc-desktop-menu-main { position: relative; display: inline-block; vertical-align: middle; margin: 5px; padding: 0; }
.ssc-desktop-menu-img { display: inline-block; vertical-align: middle; width: 25px; }
.ssc-desktop-menu-item { font-size: 16px; font-weight: 700; color: #fff; padding: 5px; text-decoration: none!important; }	
.ssc-desktop-menu-item:hover { color: #E9C852; transition: .5s ease; }
.ssc-desktop-menu-item-1 { background-color: #E9C852; font-size: 16px; font-weight: 700; color: #414D58; padding: 5px 10px 5px 10px; margin: 0px 5px 0px 5px; text-decoration: none!important; border-radius: 3px; }	
.ssc-desktop-menu-item-1:hover { background-color: #3B668C; color: #fff; transition: .5s ease; }
.ssc-desktop-menu-dropdown { text-align: left; display: none; position: absolute; left: 0; top: 27px; background-color: #ddd; min-width: 160px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 1; transition: .5s ease; }
.ssc-desktop-menu-item-2 { background-color: #3B668C; font-size: 16px; font-weight: 700; color: #FFFFFF; padding: 5px 10px 5px 10px; margin: 0px 5px 0px 5px; text-decoration: none!important; border-radius: 3px; }	
.ssc-desktop-menu-item-2:hover { background-color: #E9C852; color: #414D58; transition: .5s ease; }
.ssc-desktop-menu-dropdown { text-align: left; display: none; position: absolute; left: 0; top: 27px; background-color: #ddd; min-width: 160px; box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2); z-index: 1; transition: .5s ease; }
.ssc-desktop-menu-dropdown a { font-size: 14px; color: #000; padding: 5px; text-decoration: none!important; display: block; }
.ssc-desktop-menu-dropdown a:hover { background-color: #aaa; color: #fff; transition: .5s ease; }
.ssc-desktop-menu-main:hover .ssc-desktop-menu-dropdown { display: block; }
.ssc-desktop-menu-divider { font-weight: 900; color: #E9C852; }

@media only screen and (max-width: 1024px) {
.ssc-desktop-menu-block { background-attachment: scroll!important; }
.ssc-desktop-menu-navigation { text-align: center; }
.ssc-desktop-menu-container-menu { height: 0px; margin-bottom: 35px; }
.ssc-desktop-menu-container-menu-inside { position: relative; display: block; transform: none; }
}

/*  MOBILE MENU */
.ssc-mobile-menu-block { display: block; padding: 5px 0 10px 0; background-image: url('https://sarajevosecurityconference.com/layout/sarajevo.svg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: scroll!important; }
.ssc-mobile-menu-block img { display: block; margin: 0 auto 0 auto; width: 80px; }
.ssc-mobile-menu-button { font-size: 40px; font-weight: 100!important; cursor: pointer; color: #E9C852; display: block; position: fixed; top: 35px; right: 20px; z-index: 999; }
.vd21-mobile-menu-logo { display: inline-block; width: 175px; margin-bottom: 15px; }
.vd21-mobile-menu-1-sm { display: inline-block; width: 25px; margin: 0 5px 0 5px; }
.vd21-mobile-menu-1-overlay { height: 0%; width: 100%; position: fixed; z-index: 5000; top: 0; left: 0; background-color: rgb(59,102,140); background-color: rgba(59,102,140, 0.95); overflow-y: auto; transition: 0.5s; }
.vd21-mobile-menu-1-overlay-content { position: relative; top: 0; width: 100%; text-align: center; padding: 60px 30px 30px 30px; }
.vd21-mobile-menu-1-overlay a { font-weight: 500; font-size: 19px; color: #fff; text-decoration: none; display: block; }
.vd21-mobile-menu-1-overlay a:hover, .vd21-mobile-menu-1-overlay a:focus { color: #aaa; transition: 0.5s;}
.vd21-mobile-menu-1-register { display: inline-block!important; background-color: #E9C852; padding: 6px 10px 6px 10px; color: #414D58!important; font-weight: 700!important; font-size: 14px; line-height: 14px; text-decoration: none; border-radius: 3px; margin: 20px 0 20px 0;}
.vd21-mobile-menu-1-overlay .vd21-mobile-menu-1-closebtn { font-size: 50px; font-weight: 100; color: #E9C852; position: absolute; top: 35px; right: 25px; z-index: 1000; }


.ssc-celije { max-width: 1440px; margin-left: auto; margin-right: auto; text-align: center; }
[class*="ssc-celija-"] { vertical-align: top; display: inline-block; position: relative; text-align: left; }
.ssc-celija-cijela { width: 100%; }
.ssc-celija-pola { width: 50%; }
.ssc-celija-trecina { width: 33.33%; }
.ssc-celija-cetvrtina { width: 25%; }
.ssc-celija-petina { width: 20%; }
.ssc-celija-petina1 { width: 20%; }
.ssc-celija-sestina { width: 16.66%; }
.ssc-celija-sedmina { width: 14.28%; }
.ssc-celija-osmina { width: 12.5%; }
.ssc-celija-dvijetrecine { width: 66.67%; }
.ssc-celija-tricetvrtine { width: 75%; }
.ssc-celija-cetiripetine { width: 80%; }
.ssc-celija-petsestina { width: 83.34%; }
.ssc-celija-sestsedmina { width: 85.72%; }
.ssc-celija-sedamosmina { width: 87.5%; }
@media only screen and (max-width: 1220px) {
.ssc-celije { width: 100%; }
}
@media only screen and (max-width: 1024px) {
.ssc-celija-cijela { width: 100%; }
.ssc-celija-pola { width: 50%; }
.ssc-celija-trecina { width: 33.33%; }
.ssc-celija-cetvrtina { width: 33.33%; }
.ssc-celija-petina { width: 20%; }
.ssc-celija-petina1 { width: 25%; }
.ssc-celija-sestina { width: 33.33%; }
.ssc-celija-sedmina { width: 25%; }
.ssc-celija-osmina { width: 25%; }
.ssc-celija-dvijetrecine { width: 66.67%; }
.ssc-celija-tricetvrtine { width: 100%; }
.ssc-celija-cetiripetine { width: 100%; }
.ssc-celija-petsestina { width: 100%; }
.ssc-celija-sestsedmina { width: 100%; }
.ssc-celija-sedamosmina { width: 100%; }
}	
@media only screen and (max-width: 768px) {
.ssc-celija-cijela { width: 100%; }
.ssc-celija-pola { width: 100%; }
.ssc-celija-trecina { width: 100%; }
.ssc-celija-cetvrtina { width: 50%; }
.ssc-celija-petina { width: 33.33%; }
.ssc-celija-petina1 { width: 50%; }
.ssc-celija-sestina { width: 50%; }
.ssc-celija-sedmina { width: 33.33%; }
.ssc-celija-osmina { width: 33.33%; }
.ssc-celija-dvijetrecine { width: 100%; }
.ssc-celija-tricetvrtine { width: 100%; }
.ssc-celija-cetiripetine { width: 100%; }
.ssc-celija-petsestina { width: 100%; }
.ssc-celija-sestsedmina { width: 100%; }
.ssc-celija-sedamosmina { width: 100%; }
}