.color-white { color: white;}
.fadeOverlay {zoom: 1;filter: alpha(opacity=100); opacity: 1; }
.fadeOverlay:hover { filter: alpha(opacity=50); opacity: 0.5;}

.corners {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}
.rounded {-moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; border-radius:50%;}
.rounded0 {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0;}

.shadow{ box-shadow: 0 0px 0px rgba(0,0,0,0.15); transition: box-shadow 0.3s ease-in-out;}
.shadow:hover { box-shadow: 0 5px 10px rgba(0,0,0,0.3);}
.externalLink {letter-spacing: 8px; font-size:20px}
.secondary-nav-wrapper ul.secondary-nav li.subscribe a {font-weight:500}

/* HEADER */
header.hero {padding:0}
.hero h3 {font-size:24px;}
.subtitle {font-size: 16px;}
.has-padding2 {padding:80px 0px}
.blink { animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0; }}
.etaplanLink {padding-left:30px;font-weight:700; background-image: url("../images/ico-login.svg"); background-repeat:no-repeat; background-position: left top -4px; -webkit-background-size: 24px; -moz-background-size: 24px; -ms-background-size: 24px; -o-background-size: 24px; background-size: 24px;}
.etaplanLink:hover {color:#fff; }
.secondary-nav-wrapper ul.secondary-nav li.subscribe { border-right:0}

/* FOOTER */
address {color:#fff; line-height:18px; font-size:13px; font-weight:300}
.footer-secondary-nav li p {font-size:11px; font-weight:300; text-transform: uppercase; color: rgba(255,255,255,0.40)}
.footerTitle {color:#fff; margin: 15px 0 15px 0}
.footerText {font-weight:300; font-size:12px; line-height:22px}

/* HERO */
.eventDate, .eventTime {display:inline-block; margin:10px 15px; min-height: 50px; color:#fff; font-size:18px; font-weight:300; vertical-align: middle; line-height:50px;padding-left:40px;background-repeat:no-repeat; background-position: left center; -webkit-background-size: 30px; -moz-background-size: 30px; -ms-background-size: 30px; -o-background-size: 30px; background-size: 30px; }
.eventDate { background-image: url("../images/icon-date-theme.svg"); }
.eventTime {background-image: url("../images/icon-time-theme.svg"); }

/* PROGRAM RASPORED */
ul.programList { list-style:none; margin: 30px 0; padding:0}
ul.programList li {margin-bottom: 20px;  }
ul.programList li a, ul.programList li .programListItem {display:block; position: relative; padding:0px 15px;border-bottom: 1px solid #e5e7e9}
ul.programList li a:hover h2 {color:#7AE2DE}
ul.programList li a p, ul.programList li .programListItem p {font-size:13px; padding-right: 15px;/* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
ul.programList li .programListItem p {min-height: 54px}
.titleWrap { position:relative; /*padding-right: 100px;*/}
h2.programTitle {font-size: 16px; font-weight: 500; line-height: 18px; padding: 5px 10px 10px 0;  color: #414A52; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.programTime {position: absolute; width:100px; padding:5px; top:0px; right:0; color:#7AE2DE; text-transform: uppercase; font-weight: 700; font-size:13px; text-align: right;}

ul.programList li .programListItem p {margin-bottom: 15px !important; padding-bottom:0}
.programControls {margin-bottom: 15px; font-size:14px;}
.inprogress {position:absolute;left:-10px; top:3px; background-image: url("../images/eta-speech.gif"); width:20px; height:20px; background-repeat:no-repeat; background-position: left center;}

.programDate, .programTimelist { color:#7ae2de; font-weight:600; padding-left:35px; min-height:35px; line-height:35px; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; -o-background-size: 20px; background-size: 20px; background-repeat:no-repeat; background-position: left center; }
.programDate {background-image: url("../images/icon-date-black.svg");}
.programTimelist {background-image: url("../images/icon-time-black.svg");}
p.napomena {font-size:13px;}
p.napomena strong { font-weight:600; color:#000}

ul.modalList { list-style: none; margin:0 5px;}
ul.modalList li {padding-left:40px; margin-bottom: 10px;background-image: url("../images/ico-ok.svg"); background-repeat:no-repeat; background-position: left center; -webkit-background-size: 24px; -moz-background-size: 24px; -ms-background-size: 24px; -o-background-size: 24px; background-size: 24px; line-height: 24px}

/* PREDAVAČI */
ul.predavaci {list-style: none; margin:0; padding:0}
ul.predavaci li .predavacItem {margin:0 15px; display:block}

h2.memberTitle {color:#414A52; font-weight:600; font-size:20px; padding:5px 0 15px 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.memberText {padding:15px 15px}
.memberImage {width:100%; display:block}
.memberWrap {display:block; position:relative}
.memberControls {position:absolute;  padding: 0 15px; left:0; top:0; right:0; bottom:0; height:100%; vertical-align: middle; text-align: center;}
.memberControls:hover {  background-image: url("../images/hover-overlay.png"); background-repeat:repeat; z-index:1000;}
.memberWrap:hover ul.memberSocial {display:block}

ul.memberSocial { display:none; margin-top: 70px; text-align: center;}
ul.memberSocial li {display:inline-block; margin:0px 15px}
ul.memberSocial li a i {color:#fff; font-size: 24px;}
ul.memberSocial li a:hover i {color:#4b9390}

.memberWrap:hover .buttonWrap {display:block}
.buttonWrap {position:absolute; display:none; bottom:40px; left:0px; right:0px;}

/* SLICK */
.slick-dots li.slick-active button:before { color:#7ae2de; opacity: 1}
.slick-dots li button:before { font-size:12px;}
.slick-dots li {width:10px; }

/* PARTNERI */
ul.partneri {list-style:none; margin:30px 0 0 0; padding:0}
ul.partneri li {display:inline-block;}
ul.partneri li a {display:block; padding:10px; margin-right: 25px; margin-bottom: 15px}
ul.partneri li a img {display:block; }


/* MAP */
.map {display:block; height:270px; background-color:#32383e;}

.stats p, .stats h4 {color:#fff}

/* MODAL */
.modal-backdrop { background-color: #7AE2DE}
.modal-content {border:0}
.modal-header, .modal-footer {border:0}
.modal-header {padding-left: 25px; padding-top: 25px}

form.formPosalji p {font-size:13px}
form.formPosalji .form-control { border: 1px solid #e5e7e9}
form.formPosalji label {font-size: 13px; font-weight: 600;  margin: 7px 0 5px 20px; text-transform: uppercase;}
form.formPosalji .form-control:focus { border-color:#7AE2DE}
form.formPosalji .btnPosalji {background-color: #fff; font-weight:600; margin:0; margin-bottom: 20px; margin-top: 15px}

.modal-header .close {font-size:30px; margin-top: 0; margin-right: 20px}
.closeCustom {color:#a0a5a9; font-size:13px; margin-right: 15px; text-transform: uppercase; font-weight:600}
.closeCustom:hover {color:#414A52}

    /* FORM */
.btnPosalji {background-color: #fff; font-weight:600}
form.formPrijava .form-control { border: 1px solid #e5e7e9}
form.formPrijava label {font-size: 13px; font-weight: 600;  margin: 7px 0 5px 20px; text-transform: uppercase;}
form.formPrijava .form-control:focus { border-color:#7AE2DE}
form.formPrijava h3 {font-size:14px; font-weight:600; color:#414A52; text-transform: uppercase}
/*form.formPrijava h3:after {display: block; width: 30px; height: 2px; margin-top: 7px; content: ''; background-color: #7AE2DE;}*/

.formRow {margin-bottom: 35px; background-color: #f8f8f9;  padding: 15px;}

.formColumnLeft {}
.formColumnRight {}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { border-bottom: 2px solid #7AE2DE; color:#414A52; background-color: transparent; border-color:#7AE2DE}
.btn-primary {/*background-color: #414A52; border-color:#414A52; color:#fff;*/ color:#414A52; font-weight:400; background-color: transparent; border:0}
.btn-primary:hover { background-color: transparent; color:#7AE2DE}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color:#7AE2DE; padding-bottom: 9px; margin-bottom: 0px}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { background-color: transparent; color:#414A52; border-color:#7AE2DE }

.btn-group {width:100%; border-bottom: 1px solid #e5e7e9; margin-bottom: 35px;}
.btn-group label.active { margin-bottom: 0px; padding-bottom: 9px}

    /* SWAL */
.swal2-modal{ padding: 0 0 20px 0 !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; min-height: 200px !important; }
.swal_header_top{ background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-background-position: center center; -moz-background-position: center center; -ms-background-position: center center; -o-background-position: center center; background-position: center center; background-image: url(../images/bg_triangles_dark.jpg); padding: 40px 15px 20px 15px; font-family: 'Roboto', sans-serif !important; }
.swal2-title{ font-size: 20px !important; line-height: 30px !important; color: #fff !important; margin-top: 20px !important; }
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left],.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right], .swal2-icon.swal2-success .swal2-success-fix{ background: transparent!important; }
.swal2-icon{ margin: 0 auto; }
.swal2-content{ padding: 0 15px !important; margin-top: 20px !important; margin-bottom: 20px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 400 !important; color: #181515 !important; }
.swal2-modal button{ margin: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; background-color: #bbbbbb !important; font-size: 13px !important; font-weight: 700 !important; outline: none !important; border: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;  }
.swal2-icon.swal2-success{ border-color: #2cb86b !important; }
.swal2-icon.swal2-success .swal2-success-ring{ border: 4px solid #2cb86b !important; }
.swal2-icon.swal2-success [class^=swal2-success-line]{ background-color: #2cb86b; }
.swal2-icon.swal2-error{ border-color: #dc0000 !important; }
.swal2-icon.swal2-error .swal2-error-ring{ border: 4px solid #dc0000 !important; }
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{ background-color: #dc0000; }
.swal2-container.swal2-shown{ background-color: rgba(24, 21, 21, 0.9); }

@media (min-width : 480px) {
    form.formPrijava label, form.formPosalji label { margin: 7px 0 5px 0px;}
    form.formPosalji {padding:0 30px}
    .eventTime {background-position: left 30px center; padding-left: 70px !important; border-left: 1px solid rgba(255,255,255,0.25) !important;}

    .header-nav-wrapper .logo {

}

@media (min-width : 768px) {
    .formPrijava {margin-top: 0px}
    form.formPosalji {padding:0 70px}


    /* PROGRAM RASPORED */
    ul.programList li {float:left; width:50%;}
    ul.programList li:nth-child(odd) .programListItem { margin-right: 10px}
    ul.programList li:nth-child(even) .programListItem { margin-left: 10px;}

    ul.programList li:nth-child(3){clear:both !important}

    /* MAP */
    .map {height:300px;}
}

@media (min-width : 992px) {
    form.formPrijava label,  form.formPosalji label { margin: 7px 0 5px 0px;}
    .formColumnLeft {margin-right:75px}
    .formColumnRight {margin-left:65px}

    ul.partneri {margin:0}

    /* MAP */
    .map {height:350px;}
}
@media (min-width : 1200px) {
    form.formPrijava label { margin: 7px 0 5px 0px;}
}

form * { border-radius:0px !important; box-shadow:none;}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .poruka_input:focus, .form-control:focus, input[select] {  border-color: rgba(122, 226, 22, 0.8); /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/ outline: 0 none; }

    input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important; }