@import '../js/bxslider/jquery.bxslider.css';
@import url(http://hr.allfont.net/allfont.css?fonts=arial-narrow);
@font-face {font-family: 'fontello';src: url('../font/fontello.eot');src: url('../font/fontello.eot') format('embedded-opentype'),    url('../font/fontello.woff') format('woff2'),
       url('../font/fontello.woff') format('woff'),
       url('../font/fontello.ttf') format('truetype'),
       url('../font/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fontello{font-family: "fontello";}
.icon-right-small:before { content: '\e800'; }
.icon-forward:before { content: '\e801'; }
.icon-play-circled2:before { content: '\e802'; }
.icon-volume-up:before { content: '\e803'; }
.icon-headphones:before { content: '\e804'; }
.icon-headphones-1:before { content: '\e805'; }
.icon-search:before { content: '\e806'; }
.icon-search-1:before { content: '\e807'; }
.icon-search-2:before { content: '\e808'; }
.icon-attach:before { content: '\e809'; }
.icon-play:before { content: '\e80a'; }
.icon-camera-outline:before { content: '\e80c'; } 
.icon-attach-1:before { content: '\f06a'; }
.icon-menu:before { content: '\f0c9'; }
.icon-chat-empty:before { content: '\f0e6'; }
.icon-doc-text:before { content: '\f0f6'; } 
.icon-youtube-play:before { content: '\f16a'; }
.icon-slideshare:before { content: '\f1e7'; }
.icon-facebook-circled:before { content: '\f30d'; }
*, *::after, *::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
/*removes border in explorer*/
a, img {border:none;outline:none;}
a img {border:none;outline:none;}
/* početak grid */
.section {clear: both;padding: 0px;margin: 0px;}
.col {display: block;float:left;margin: 1% 0 1% 1.6%;position: relative;}
.col:first-child {margin-left: 0;}
.group:before,
.group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}
.col_12 {width: 100%;}
.col_11 {width: 91.53%;}
.col_10 {width: 83.06%;}
.col_9 {width: 74.6%;}
.col_8 {width: 66.13%;}
.col_7 {width: 57.66%;}
.col_6 {width: 49.2%;}
.col_5 {width: 40.73%;}
.col_4 {width: 32.26%;}
.col_3 {width: 23.8%;}
.col_2 {width: 15.33%;}
.col_1 {width: 6.866%;}
@media only screen and (max-width: 480px) {
  .col {margin: 1% 0% 1% 0%;}
  .col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {width: 100%; }
}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, ol, ul, li, fieldset, form, label, legend, input, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, video, audio {border: 0;outline: 0;-webkit-font-smoothing: antialiased;-ms-word-wrap: break-word;word-wrap: break-word;}
/* kraj grid */
/* Kontakt Forma */
#kontakt-forma{float: left;width: 100%;display: block;;}
#kontakt-forma label, #kontakt-forma input, #kontakt-forma textarea{width: 100%;float: left;padding:5px;font-size: 16px;}
#kontakt-forma label{padding:4px 0;}
#kontakt-forma label, .kontakt-info{color:#676767;} 
.kontakt-info ul{list-style: none;margin-bottom: 24px;margin-top: 22px;padding-left: 0;}
.kontakt-info ul span{font-weight: 600;}
.error {background-image: url(../images/error.png);background-position: right 10px center;background-repeat: no-repeat;border: 1px dashed #e81500 !important;padding: 15px;color:#e81500;}
.txt_error {background-image: url(../images/error.png);background-position: right 10px center;background-repeat: no-repeat;border: 1px solid #e81500 !important;padding: 15px;color:#e81500;}
.success {background-image: url(../images/sucess-32.png);background-position: left 15px center;background-repeat: no-repeat;border: 1px dashed #7ac143;padding: 15px 15px 15px 45px;}
.error_img {background-image: url(../images/error-32.png);background-position: left 15px center;background-repeat: no-repeat;border: 1px dashed #e81500;padding: 15px 15px 15px 45px; }
#kontakt-forma input.btn.send{background: #F2782A;color: #fff;margin-top: 20px;font-size: 16px;border:none;letter-spacing: 1px;padding: 8px;}
#kontakt-forma input.btn.send:hover {background:#e55602;color:#fff;cursor:pointer;border:none;}
#forma fieldset{margin: 5px 0;padding:0;float: left;width: 100%;}
input[type="text"]:focus, textarea:focus, button:focus, a.button:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus {}
input[type="text"], textarea, button, a.button, a, input[type="file"] {transition: none;}
#kontakt-forma input[type="checkbox"]{width:auto;float:none;}
.prijava-obrazac #kontakt-forma input[type="checkbox"], .registracija-forma #kontakt-forma input[type="checkbox"]{margin-top: 30px;margin-bottom: 25px;}
#kontakt-forma input[type="checkbox"] {float: none;width: auto;}
#kontakt-forma input:focus, #kontakt-forma textarea:focus, #kontakt-forma input:hover, #kontakt-forma textarea:hover {border:1px solid #F2782A;}
#kontakt-forma input, #kontakt-forma textarea{border: 1px solid #f5f5f5;background:#f5f5f5;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 10px 15px;font-family: 'Arial', sans-serif;}
.kontakt{margin-left: 0;}
select {-moz-appearance: none;-webkit-appearance: none;text-indent: 0.01px;text-overflow: '';}
select::-ms-expand {display: none;}
.kontakt-info ul{width:100%;margin-bottom: 26px;float: left;margin-top: 0;}
.kontakt-info ul li{line-height: 35px;}
/* Kraj Kontakt Forma */
/* početak css-a */
body{font-family: 'Arial', sans-serif;font-size:14px;color:#929292;background:#fff;margin:0;padding: 0;font-weight: 400;}
p{line-height: 24px;}
h1, h2, h3, h4, h5, h6{font-family: 'Arial Narrow', 'Arial', sans-serif;color:#343a40;}
ul{margin:0;padding:0 0 0 20px;}
.wrapper{max-width:1200px;margin:0 auto;}
a {color:#f8801f;text-decoration: none;-webkit-transition:  all 0.3s ease 0s;-o-transition:  all 0.3s ease 0s;transition:  all 0.3s ease 0s;outline:none;}
a:hover, .mslc, .kids-corner h3:hover{
  color:#dd6000 !important;}
.footer{padding:20px 10px;background:#ea781c;font-weight:400;}
.none{display:none;}
.copy{font-size:13px;color:#f5bc8e;display: block;width:100%;text-align:center;}
.v{margin-top: 2px;display: block;text-align: center;width:100%;}
.row{width:100%;clear: both;float:left;}
.clearfix {clear: both;display: block; width: 100%;}
#toggle{display: none;}
/* Dokumenti */
.docs-list{float:left;display: block;width: 100%;}
.docs-list ul{list-style:none;float:left;width: 100%;padding-left: 0;}
.docs-list ul li{background: url(../images/doc-icon.png) no-repeat left center transparent;padding: 10px 0 10px 35px;display: block;font-weight: 400; float: left;margin-right: 40px;}
.docs-list ul li a{line-height: 18px;}
.docs-list.knjiznica ul li{background: url(../images/doc-icon.png) no-repeat left center transparent;padding: 10px 0 10px 35px;display: block;font-weight: 400; float: left;margin-right: 40px;width:100%;}
/* End Dokumenti */
/* Bread crumbs */
.bread-crumbs{margin-top: 50px;}
.bread-crumbs ul{list-style:none;float:left;padding-left: 0;}
.bread-crumbs ul li{float:left;font-size: 14px;}
.bread-crumbs ul li a{color:#363636;}
.bread-crumbs ul li a:hover{color:#f47321;}
.bread-crumbs ul li:after{content:"|";padding-left: 10px;padding-right: 10px;}
.bread-crumbs ul li:last-child:after{content:"";padding-left: 0;padding-right: 0;}
/* End Bread crumbs*/
.content img{max-width: 100%;height: auto;}
/* Cookie */
.cookie-container {background: rgba(0, 0, 0, 0.8);bottom: 0;display: block;padding: 20px 0;position: fixed;width: 100%;z-index: 9999;color:#fff;font-weight: 300;line-height: 20px;}
.cookie-container span {font-weight: 300;text-transform: uppercase;background:url(../images/cookie.svg) no-repeat left center;padding:5px 0 5px 35px;}
.cookie-container a:hover{color:#fff;}
/* end of cookie */
.footer-top{background:#f8801f;padding: 30px 10px;}
.footer-top ul{list-style: none;padding-left: 0;width: 100%;float: left;}
.footer-top ul li{float: none;font-size: 16px;display: inline-block;vertical-align: middle;width: 100%;text-align: center;}
.footer-top ul li.right-link{float: right;padding-top: 10px;}
.footer-top p{margin: 0;}
.footer-top a{color:#fff;}
.pridruzi_nam_se p{font-size:20px;font-weight: 400;color:#fff !important; }
.icon-slideshare, .icon-facebook-circled, .youtube, .right-link a{opacity: 0.7;}
.icon-slideshare {font-size: 33px;color: #fff;width: 33px;height: 33px;margin-right: 10px;}
.icon-facebook-circled{font-size: 28px;color: #dd6000;width: 25px;height: 25px;margin-right: 7px;}
.youtube{background:#dd6000;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;padding: 5px 0;width: 27px;height: 27px;margin-top: 2px;}
.icon-youtube-play{font-size: 15px;color: #fff;}
.pridruzi_nam_se p:hover .icon-slideshare, .youtube:hover, .right-link a:hover {opacity: 1;color:#fff !important;}
.icon-facebook-circled:hover { opacity: 1;}
.right-link a:hover {text-decoration: underline;}
.footer-menu{background:#f5f5f5;padding:40px 0;}
.w5{width: 20%;}
.footer-menu .w5{border-bottom: 1px solid #e0e0e0;padding: 0 20px;text-align: center;float: left;display: inline-block;width: 100%;}
.footer-menu .w5:last-child {border-bottom:none;}
.footer-menu h3{color:#f8801f;font-size: 18px;line-height: 22px;}
.footer-menu ul{padding-left: 0;width: 100%;list-style: none;}
.footer-menu ul li, .footer-menu ul li a{width: 100%;display: block;color:#929292;font-size:14px;}
.footer-menu ul li a{line-height: 18px;margin: 10px 0;}
.news-holder{background: url(../images/news-bg-2.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:10px;}
.news-holder p { color:#626262; }
.white-bg{background:rgba(255, 255, 255, 0.8);padding: 30px;}
.o-projektu{width:100%;padding:0;}
.news-events{width:100%;padding: 30px 0;border-top: 1px solid #ececec;}
.uppercase, .page-title{color:#343a40;font-size: 32px;margin-bottom: 15px;margin-top: 0;}
.uppercase{text-transform: uppercase;}
.uppercase a{color:#343a40;}
#brojac {color:#929292;font-size: 32px;}
.small-line {background:#f8801f;height: 2px;float: left;width: 60px;margin-bottom: 30px;}
.o-projektu img{width: 100%;float: left;margin-right:0;margin-bottom:20px; }
.view-more{float: left;margin-top: 10px;color:#f8801f;}
.icon-right-small{color:#f8801f;margin-left: 10px;}
.news-box{float: left;width: 100%;display: block;border-bottom: 1px solid #ececec; padding-top: 30px;padding-bottom: 30px;}
.news-box:first-child{padding-top: 0;}
.news-box:last-child{border-bottom: none; padding-bottom: 0;}
.news-img{width:100%;float: left;display: inline-block;}
.news-img img{width: 100%;}
.news-content{float: left;display: inline-block;width:100%;}
.news-content h3 {font-family: 'Arial', sans-serif;margin-bottom: 0;}
.news-content h3 a{font-size: 18px;color:#343a40;}
.dictionary-album, .learn{border-top: 1px solid #ececec;padding: 40px 0;}
.dictionary-album .w2.album.pright{margin-top:35px;}
.glasovi-zajednice{padding: 80px 0 20px 0;}
.w2{width:100%;}
.dictionary-album .w2, .learn .w2,.glasovi-zajednice .w2{float: left;display: inline-block;}
.dictionary-album p{margin-top: 0;}
.fw{float: left;width: 100%;}
.w5-margin{width: 50%;}
.w5-margin img{width: 100%;}
.gallery a{float: left;display: block;width: 100%;transition-timing-function: ease-in-out;transition: color 300ms, background 300ms;position: relative;z-index: 1;}
.gallery a::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(248,228,31,0.4);background-image: url(../images/camera.svg);background-size: 40px 40px;background-repeat: no-repeat;background-position: center;opacity: 0;}
.gallery a:hover:after {opacity: 1;}
.gallery .col_3:nth-child(4n+5) { margin-left: 0;}
.dictionary ul{list-style: none;float: left;padding-left: 0;display: block;width: 100%;}
.dictionary ul li{float: left;}
.dictionary ul li:after{content:"|";padding-left: 10px;padding-right: 10px;}
.dictionary ul li:last-child:after{content:"";}
.dictionary form{float: left;width: 100%;margin-top: 16px;margin-bottom: 30px;}
.input-text{float: left;width: 80%;background:#f5f5f5;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;padding: 10px 15px;font-size: 14px;line-height: 18px;height: 38px;}
.send-text{float: left;width: 20%;background:#f8801f;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;color:#fff;text-align: center;padding: 10px;font-size: 14px;line-height: 16px;height: 38px;}
.send-text:hover{background:#dd6000;}
.box-header{background: #f88121;background: -moz-linear-gradient(left#f88121 0%, #ffffff 71%, #ffffff 100%);background: -webkit-linear-gradient(left#f88121 0%,#ffffff 71%,#ffffff 100%);background: linear-gradient(to right#f88121 0%,#ffffff 71%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88121', endColorstr='#ffffff',GradientType=1 );float: left;width: 100%;display: block;padding: 10px 20px;}
.box-header h3{color:#fff;display: inline-block;float: left;width: auto;margin: 0;font-size: 18px;font-weight: 400;}
.more-lessons{float: right;font-size: 14px;font-weight: 600;color:#fff;}
.icon-forward{color:#f69e57;font-size: 16px;}
.lesson-text h3, .lesson-audio h3, .kids-corner h3{font-size: 20px;float: left;width: 100%;margin-bottom: 0;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.lesson-text h3, .lesson-audio h3{font-size: 17px;}
.lesson-text{padding-right: 20px;}
.lesson-text p{float: left;}
.lesson-audio{text-align: center;}
.lesson-audio.col_4:nth-child(3n+4){margin-left: 0;}
.picture img { display: block;float: left;width: 100%;max-width: 640px; }
.grey-txt { color:#929292; }
.col.col_6.picture{float:left;width:37%;}
.audio{background:#fafafa;text-align: center;padding: 21px;float: left;width: 100%;}
.audio img{width: 100%;max-width: 140px;}
.audio-player{float: left;width: 100%;}
.lesson-audio .audio img{max-width: 100px;}
.lesson-audio .audio{padding: 30px;}
.w2.language-lessons.pleft{margin-bottom:40px;}
.mt{margin-top: 30px;}
.kids-corner{text-align: center;}
.kids-corner img, .zapis-img img{width: 100%;max-width: 300px;}
.zapisi-box{text-align: center;}
.zapisi-box a p{color:#929292;line-height: 18px;}
.zapisi-box a:hover h3{color:#dd6000 !important;}
.center-line{background:#dbdbdb;height: 2px;width:60px;margin: 0 auto;display: inline-block;}
.zapis-img, .box-img{position: relative;z-index: 1;transition-timing-function: ease-in-out;transition: color 300ms, background 300ms;}
.zapis-img::after, .box-img::after {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-size: 70px 70px;background-repeat: no-repeat;background-position: center;opacity: 0.7;}
.zapis-img:hover:after, .box-img:hover:after {opacity: 1;}
.zapis-img.sound-play::after {background-image: url(../images/sound-play.svg);}
.zapis-img.video-play::after,.box-img.video-play::after {background-image: url(../images/play.svg);}
.izbornik{padding:0;border-top:10px solid #cec8c8;position:relative;z-index:0;}
a.Mtoggle{background: #dfd9d9;color: #fff;display: block;float: none;margin: 0 auto;max-width: 100%;width: 100%;height: 40px;padding: 12px;font-weight: 600;text-transform: uppercase;-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.4);-moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.4);text-shadow: 1px 1px 2px rgba(0,0,0,0.4);}
a.Mtoggle:hover{color:#fff !important;}
.main-menu{float:left;width:100%;padding-left:0;display:none;}
.main-menu li{float: left;width:100%;height:40px;overflow: hidden;position: relative;z-index: 1;}
.main-menu a{color:#fff;position: absolute;z-index: 2;height: 100%;width:100%;}
.main-menu a:hover{color:#fff !important;}
.main-menu span,.main-menu.other-pages span{position:absolute;top:15px;right:auto;left:12px;}
.nauci{background: #cec8c8 url(../images/nauci.svg) no-repeat left center;}
.nauci:hover, .nauci.active{background: #cec8c8;}
.glasovi-menu{background: #f8801f url(../images/glasovi.svg) no-repeat left center;}
.glasovi-menu:hover, .glasovi-menu.active{background: #f8801f;}
.resursi-biblioteke{background: #459eee url(../images/resursi.svg) no-repeat left center;}
.resursi-biblioteke:hover, .resursi-biblioteke.active{background: #459eee;}
.sudjeluj-komuniciraj{background: #5da70e url(../images/sudjeluj.svg) no-repeat left center;}
.sudjeluj-komuniciraj:hover, .sudjeluj-komuniciraj.active{background: #5da70e;}
.novosti-dogadjanja{background: #91745d url(../images/novosti.svg) no-repeat left center;}
.novosti-dogadjanja:hover, .novosti-dogadjanja.active{background: #91745d;}
.onama{background: #654022 url(../images/onama.svg) no-repeat left center;}
.onama:hover, .onama.active{background: #654022;}
.main-content{padding:20px;}
.logo{float: left;width: auto;}
.logo a { outline:none !important;display: block;float: left;width: 100%;}
.logo img{width: 100%;max-width:450px;}
.header-menu{float:left;padding-left:11px;list-style: none;margin-top: 25px;width:210px;}
.header-menu li{float: left;line-height: normal;width:100%;}
.header-menu li:last-child:after{content:"";}
.header-menu a{color:#6d6e70;font-size: 16px;font-weight: 400;line-height: normal;width:100%;display:block;padding:7px 0;}
.header-menu .icon-slideshare{font-size:19px;color:#f58220;float:right;margin-left:10px;width:22px;height:22px;}
.header-menu p{margin:0;line-height: normal;float: left;}
.top{height:250px;background: url(../images/top-bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding:20px;}
.top.other-top{height:140px;position: relative;z-index: 1;}
.transparent-bg{background: rgba(255,255,255,0.6);position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;}
.header {position: relative;z-index: 3;}
.header-search{float: right;width: auto;border-bottom: 1px solid #6d6e70;margin-top:25px;width:100%;padding:10px;}
.header-search .input-text{background:none;-webkit-border-top-left-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-topleft: 0;-moz-border-radius-bottomleft: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;padding:0;font-size: 15px;height: 20px;}
.header-search .input-text::-webkit-input-placeholder { color: #6d6e70; opacity: 1 !important;}
.header-search .input-text:-moz-placeholder { color: #6d6e70; opacity: 1;}
.header-search .input-text::-moz-placeholder {color: #6d6e70; opacity: 1;}
.header-search .input-text:-ms-input-placeholder {color: #6d6e70;}
.header-search .send-text{height: auto;-webkit-border-top-right-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius-topright: 0;-moz-border-radius-bottomright: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;background: url(../images/search.svg) no-repeat right center;margin-bottom: 5px;padding:0;}
.full-right {display: block;float: right;width: 95%;}
.social{list-style:none;float:left;padding:0;width:90px;}
.social li{display:block;float:left;}
/* odabir jezika */
.list-inline{list-style:none;float:left;padding-left:0;margin-top:6px;width:60px;}
.list-inline li{float: left;margin-right: 10px;}
.list-inline li:last-child{margin-right: 0;}
.list-inline li a{float: left;font-size: 16px;font-weight: 400;color:#6d6e70;}
.list-inline li a:hover, 
.list-inline li a.slc{color:#dd6000;}
/* kraj odabir jezika */
.content{padding: 40px 0 100px 0;}
.contact-img img{width: 100%;max-width: 640px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #f1f1f1;padding: 10px; }
.center-content{float: none;margin: 0 auto;width: 100%;}
.kontakt.mt{margin-top: 60px;}
.content img.article-img{float: right;margin-left: 30px;margin-bottom: 20px;width: 100%;max-width: 300px;}
.single-video{float: left;width: 49.2%;margin-top: 10px;}
.big-single-video{float: left;width: 100%;margin-top: 10px;}
.video-item{float: left;width: 100%;}
.video-page{height: 0;padding-bottom: 56% !important;position: relative;width: 100%;z-index: 1;display: inline-block;}
.video-page iframe{bottom: 0;height: 100%;left: 0;position: absolute;right: 0;top: 0;width: 100%;z-index: 2;}
.line{float: left;width: 100%;margin: 20px 0;background: #e0e0e0;height: 1px;}
/* side menu */
a.Dtoggle{background: #f8801f url(../images/open.svg) no-repeat left 7px top 7px;margin-bottom:20px;color: #f1f1f1;display: block;float: none;max-width: 100%;padding: 8px 8px 8px 35px;text-transform: uppercase;width: 100%;opacity:0.7;}
a.Dtoggle:hover{color:#fff !important;}
.drop-menu{list-style: none;float: left;padding-left: 0;width: 100%;display: none;margin-bottom: 10px;}
.drop-menu li{border-bottom: 1px solid #fff;padding:0;position: relative;overflow: hidden;line-height: 16px;}
.drop-menu > li{background: #f1f1f1;}
.drop-menu li:last-child{border-bottom:none;}
.drop-menu li a{padding: 10px 40px 10px 10px;font-weight: 400;font-size: 15px;width:100%;display: block;}
.drop-menu li a:hover{background: #eee;}
.drop-menu li a.has-drop{background:url(../images/plus.png) no-repeat right 15px center;}
.drop-menu li a.has-drop.open{background:url(../images/minus.png) no-repeat right 15px center;}
.drop-menu li a.has-drop:hover{background:#eee url(../images/plus.png) no-repeat right 15px center;}
.drop-menu li a.has-drop.open:hover{background:#eee url(../images/minus.png) no-repeat right 15px center;}
.left-toggle{width: 100%;/*max-height:35px;*/cursor: pointer;}
.drop-menu .fallback{display: none;list-style: none;text-transform: none;position: relative;width: 100%;z-index: 99;padding: 0px;border-top: 1px solid #fff;}
.drop-menu .fallback li{background: #f9f9f9;width: 100%;float: left;line-height: 15px;padding: 0px;margin: 0px;}
.drop-menu .fallback li .fallback li{background: #fff;}
.drop-menu .fallback li a {display: block;font-size: 14px;text-transform: none !important;padding:10px 20px;}
.drop-menu .fallback li .fallback li a {padding:10px 20px 10px 30px;}
.drop-menu .fallback li a:hover, 
.drop-menu .fallback li a:active, 
.drop-menu li:hover, 
.drop-menu li:active, 
.drop-menu li a:hover, 
.left-toggle:hover{color:#fff;}
/* kraj side menu */
.box, .smallbox{padding:15px;border: 1px solid #e0e0e0;}
.box-img, .box-txt,
.smallbox-img, .smallbox-txt{float: left;display: inline-block;}
.box-img{width: 100%;}
.box-img a{position: relative;z-index: 1;}
.box-img img, .smallbox-img img{width: 100%;max-width: 480px;}
.box-txt{width:100%;margin-top: 25px;}
.box-txt h3{font-size:22px;line-height: 26px;margin: 0; }
.box-txt h3 a{color:#343a40;}
.smallbox-img{width: 30%;}
.smallbox-txt{width: 70%;padding-left: 25px;}
.search-map img{width: 100%;}
.smallbox-txt h3{font-size:18px;line-height: 22px;margin: 0; }
.link-btn{color: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #f8801f;padding: 7px;float: left;margin-top: 20px;margin-right: 10px;}
.link-btn:hover{background: #dd6000 !important;color: #fff !important;}
.twocol-table, .threecol-table, .fourcol-table{border:1px solid #e0e0e0;}
.threecol-table {font-size: 12px;}
.table-play-icon a { 
background:url(../images/play-icon.png)no-repeat top 5px right;padding-right: 15px;}
table.fourcol-table{float: left;width: 100%;margin-top: 30px;font-size:12px;}
.wrap-table {width: 100%;overflow: hidden;min-width: 100px;overflow-x: auto;}
.tr, tr, th{float: left;width: 100%;border-bottom: 1px solid #e0e0e0;display: flex;}
.tr:last-child, tr:last-child{border-bottom: none;}
.td, .th, td, th{float: left;display: inline-block;padding:5px;border-right: 1px solid #e0e0e0;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;-o-flex: 1;flex: 1;}
table.fourcol-table th{font-weight: 400;text-align: left;}
.td:last-child, .th:last-child, td:last-child, th:last-child{border-right: none;}
.twocol-table .td, .threecol-table .w70{width: 70%;}
.twocol-table .td.first, .th, th{background: #f9f9f9;}
.twocol-table .td.first{width: 30%;}
.threecol-table .w15{width: 15%;}
.fourcol-table .w25{width: 25%;}
table.fourcol-table p{margin: 0;}
.link-btn span{margin-right: 10px;}
.link-btn.light{background: #ff9e3d;}
.link-btn.lighter{background: #ffbc5b;}
.lesson-audio.fw{width: 50%;}
.mtb{margin: 30px 0;}
/* video slider */
.video-slider{float: left;width: 100%;margin:0;}
.bxslider{padding-left: 0;}
.video-slider .bx-wrapper {margin: 0 auto;}
.video-slider .bx-wrapper .bx-viewport {border: none;box-shadow: none;left: 0;}
.video-slider .fluid-width-video-wrapper {padding-bottom: 55% !important;position: static !important;}
#bx-pager {width: 100%;float: left;margin-top: 15px;}
#bx-pager a{width: 15.33%;margin-left: 1.6%;margin-top: 5px;margin-bottom: 5px;float: left;display: block;position: relative;-webkit-transition: color 300ms ease 0s, background 300ms ease 0s;-o-transition: color 300ms ease 0s, background 300ms ease 0s;transition: color 300ms ease 0s, background 300ms ease 0s;text-align: center;}
#bx-pager a::after {background-color: rgba(248, 228, 31, 0.4);bottom: 0;content: "";left: 0;opacity: 0;position: absolute;right: 0;top: 0;}
#bx-pager a:hover::after {opacity: 1;}
#bx-pager a img{width: 100%;max-width: 150px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
#bx-pager a:first-child,
#bx-pager a:nth-child(6n+7){margin-left: 0%;}
#bx-pager a .pager-title{display: block;width: 100%;margin-top: 5px;}
.video-item{width: 100%;padding:5px;border: 1px solid #f1f1f1;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/* kraj video slider */
.album-link{float: left;width: 100%;list-style: none;padding-left: 0;margin: 0 0 10px 0;}
.album-link li{line-height: 25px;}
.box-img.camera-photo::after {background-image: url(../images/camera.svg);background-size: 70px 70px;}
.rjecnik-item { position: relative;}
.rjecnik-item h2 { width: auto;float: left;margin:11px 11px 0 0;}
.rjecnik-item.fw span {display: block;float: none;width: auto;}
.kratice-izgovor {background:#f1f1f1;display: block;width: auto;padding:2px 10px;position: absolute;right:0;top:-11px;}
.kratice-izgovor a {float: left;}
.kratice-izgovor a:first-child {margin-right:5px;}
.rjecnik-item.fw .kratice-izgovor span { display: block;float: left;width: 10px;color:#f8801f;}
.fotoalbum-holder, .rjecnik-item{border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 15px;}
.fotoalbum-holder:last-child, .rjecnik-item:last-child{border-bottom: none;padding-bottom: 0;margin-bottom: 0;}
.fotoalbum-holder .col_2:nth-child(6n+7){margin-left: 0;}
.prijevod-hidden{display: none;padding: 20px;background: #fafafa;}
.zvucni-zapis span{margin-right: 10px;}
a.zvucni-zapis{-webkit-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border: 1px solid #e0e0e0;padding: 15px;float: left;display: block;width: 100%;margin-bottom: 10px;}
a.zvucni-zapis:hover{background: #f8801f;border: 1px solid #f8801f;color:#fff !important;}
.gallery.one-open.img-right {float:right;}
.gallery.one-open .gal-indicator {position: absolute;top:10px;left:10px;background:#ff9e3d;color:#fff;padding:7px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.gallery.one-open:hover .gal-indicator {background:#dd6000 !important;}
.gallery.one-open a:hover::after {opacity:0;}
.gallery a.visible, .gallery a.visible img{width: 100%;max-width: 480px;}
.gal-thumbs-hide{display: none;}
.fotoalbum-holder .gallery a::after {background-size: 65px 65px;}
.fotoalbum-holder .col_3:nth-child(4n+5),
.fotoalbum-holder .col_2:nth-child(6n+7),
.mt .gallery .col_2:nth-child(6n+7){margin-left: 0;}
.fotoalbum-holder .col_3.zapisi-box h3{line-height: 18px;}
.fotoalbum-holder.pb10{padding-bottom: 10px;}
.title-align h3{margin: 10px 0;width: 100%;float: left;text-align: center;}
.mb30{margin-bottom: 30px;}
.rjecnik-search{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #f5f5f5;padding: 30px 20px;text-align: center;}
.rjecnik-search .input-text{background: #fff;}
.rjecnik-search .w70{width: 100%;}
.slova{list-style: none;padding-left: 0;float: left;width: 100%;text-align: center;display: block;}
.slova li{display: inline-block;float: none;}
.slova a{background: #fff;padding:5px;font-weight: 400;display:block;width:35px;margin-bottom: 5px;float:left;}
.slova a:hover, .slova a.get_mslc{background: #dd6000;color:#fff !important;}
.w70{width: 70%;display: inline-block;vertical-align: middle;}
.valign{display: inline-block;vertical-align: middle;float: none;margin: 0;}
.link-btn.valign{padding: 11px 20px 10px 20px;margin-left: 20px;float:right;margin-top:5px;}
.close-btn{position:absolute;top:-35px;right:0;color:#fff;}
.popup{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;background:rgba(0,0,0,0.7);display: none;}
.pop-window{width:90%;height: auto;position: fixed;top: 45%;left: 35%;margin-top:-100px;margin-left: -30%;background:#fff;padding: 20px;float: left;}
.pop-window p {color: #6f6f6f;}
.scroll {height: 400px;overflow-y: auto;padding-right: 25px;width: 100%;}
.paginacija-download{border-bottom: 1px solid #e0e0e0;padding:0 0 10px 0;}
.paginacija-download .link-btn{margin-top: 0;}
.paginacija ul{float:left;list-style: none;padding-left: 0;margin-top: 15px;}
.paginacija ul li{float:none;margin-right:10px;display:inline-block;vertical-align:middle;}
.paginacija ul li > span{float:none;display:inline-block;vertical-align:middle;}
.paginacija img{width:13px;}
.prev, .next{background:#f8801f;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;height:20px;width: 20px;display:block;}
.prev:hover, .next:hover{background: #dd6000;}
.rjecnik-item{border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 15px;}
.w24{width: 24%;}
.w38{width: 38%;}
.w20{width: 20%;}
.w40{width: 40%;}
.top-page {bottom:10px;display:block;left:auto;position:fixed;right:10px;-webkit-transition:all 0.3s ease;-o-transition: all 0.3s ease;transition:all 0.3s ease;z-index:999;display: none;background:#ff9e3d;padding:15px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:20px;height:20px;text-align:center;}
.top-page img {left:5px;position:absolute;top:5px;}
.no-entry {padding: 70px 15px 90px;width: 100%;text-align: center;font-weight: 400;font-size: 24px;}
.no-entry span{color:#f8801f;}
.content-right ul li{line-height: 24px;}
.underline{float: left;width: 100%;height: 1px;background:#e0e0e0;margin-bottom: 10px;}
.subtitle{float: left;width: 100%;font-style: italic;}
.anegdote-vicevi{border:1px solid #e0e0e0;background:#f7f7f7;padding: 15px; margin-bottom: 20px;}
.anegdote-vicevi p{margin-top: 0;}
/* paginacija */
.paginacija-page{display: block;text-align: center;width: 100%;float: left;margin-top: 30px;}
.paginacija-page ul{display: inline-block;margin: 0 auto;list-style: none;padding-left: 0;}
.paginacija-page ul li{float: left;}
.paginacija-page a{margin:0 2px;color: #f8801f;width: 30px;height: 30px;float: left;padding-top: 3px;-webkit-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.paginacija-page a:hover, .paginacija-page a:active, .paginacija-page li.pmslc a{background: #f8801f;color: #fff !important;}
.paginacija-page a.pprev{background: url(../images/pgprev.svg) no-repeat center center;background-size: 10px;padding-top: 9px;}
.paginacija-page a.pprev:hover{background: #f8801f url(../images/pgprev2.svg) no-repeat center center;background-size: 10px;}
.paginacija-page a.pnext{background: url(../images/pgnext.svg) no-repeat center center;background-size: 10px;padding-top: 9px;}
.paginacija-page a.pnext:hover{background: #f8801f url(../images/pgnext2.svg) no-repeat center center;background-size: 10px;}
/* end paginacija */
.w100 {display: block;float: left;width: 100%;}
.w50 {display: block;float: left;width: 100%;}
.right {float: right;}
.mask-player-title, 
.mask-player-izgovor-title {color: #f8801f;line-height: 22px;font-size: 14px;}
.mask-player-izgovor-title {float: left;display: block;width: auto;}
#mask-player-izgovor {float: left;margin-top: 2px;}
#mask-player {margin: 8px 5px;}
#mask-player, #mask-player .audioplayer, #mask-player-izgovor, #mask-player-izgovor .audioplayer {width: 37px;}
#mask-player .audioplayer,#mask-player-izgovor .audioplayer {height:20px;}
#mask-player-izgovor .audioplayer {border:1px solid #fff;background-color:#fff;}
#mask-player .audioplayer-time-current, 
#mask-player .audioplayer-time-duration, 
#mask-player .audioplayer-volume,
#mask-player-izgovor .audioplayer-time-current,
#mask-player-izgovor .audioplayer-time-duration,
#mask-player-izgovor .audioplayer-volume {display: none;}
#mask-player .audioplayer:not(.audioplayer-playing) 
.audioplayer-playpause a,
#mask-player-izgovor .audioplayer:not(.audioplayer-playing) 
.audioplayer-playpause a { border: 0.5em solid transparent; /* 8 */border-right: none;border-left-color: #ff9e3d;}
#mask-player .audioplayer-playing .audioplayer-playpause a::before,#mask-player .audioplayer-playing .audioplayer-playpause a::after,
#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a::before,
#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a::after {border: 0.5em solid transparent; /* 8 */border-right: none;border-left-color: #ff9e3d;}
#mask-player .audioplayer-playpause,
#mask-player .audioplayer-playpause { background-color: #f7f7f7; }
#mask-player-izgovor .audioplayer-playpause,#mask-player-izgovor .audioplayer-playpause { background-color: #fff; }
#mask-player .audioplayer-playing .audioplayer-playpause a::before,
#mask-player .audioplayer-playing .audioplayer-playpause a::after,
#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a::before, 
#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a::after {background-color: #ff9e3d;}
#mask-player .audioplayer-playing .audioplayer-playpause a:before,#mask-player .audioplayer-playing .audioplayer-playpause a:after,
#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a:before,#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a:after {width: 40%;height: 100%;background-color: #fff;content: '';position: absolute;top: -2px;}
#mask-player .audioplayer-playing .audioplayer-playpause a:before,#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a:before {left: 7px;}
#mask-player .audioplayer-playing .audioplayer-playpause a:after,#mask-player-izgovor .audioplayer-playing .audioplayer-playpause a:after {right: 5px;}
.style-cum p { margin:0;width: 85%;}
.open-nav {color:#fff !important;cursor: pointer;display: block;background: #f88121;float: right;position: absolute;right: -20px;top: 70px;padding: 5px 12px 5px 7px;opacity:0.7;}
.open-nav:hover{opacity:1;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;right: 0;background: rgba(0,0,0,0.9);overflow-x: hidden;transition: 0.5s;padding-top: 60px;}
.offcanvas a:focus{color: #f1f1f1;}
.sidenav .close-nav{position:absolute;top:11px;right:auto;left:16px;}
.glasovi-zajednice .w2.pright{margin-top:35px;}
.col.col_3.content-left,.col.col_9.content-right{width: 100%;}
.gallery{position:relative;z-index:0;}
.dodatni-txt {display: block;float: left;}
/*123*/
/* POČETAK RESPONSIVE */
@media (min-width:480px) {
  .footer-top ul li {display: inline-block;float: none;font-size: 16px;vertical-align: middle;width:auto;text-align: left;}
  .footer-top ul li.right80 {margin-right: 80px;}
  .footer-top ul li.right-link {float: right;padding-top: 10px}
  .box-img{width: 30%;}
  .box-txt{width:70%;padding-left: 25px;margin-top: 0;}
  .content img.article-img{max-width:150px;}
  .smallbox-img{width: 20%;}
  .smallbox-txt{width: 80%;}
  .td, .th, td, th{min-width: 190px;}
}
@media (min-width: 500px) {
  .col.col_6.picture{float:right;}
  .w5-margin{width: 18.72%;}
  .w5-margin:nth-child(5n+6){margin-left: 0;}
  .w5-margin img{width: 100%;/*max-width:110px*/;}
  /*.gallery a {max-width: 110px;}*/
  .news-img {width: 30%;margin-right:20px;}
  .news-img img{max-width: 225px;}
  .news-content{width:65%;}
  .v{width:auto;float: right;}
  .copy{display: block;width:auto;float: left;}
  .rjecnik-search .w70{width:70%;}
  .link-btn.valign{margin-top:0;}
}
@media (min-width: 600px) {
  .open-nav{top:23px;}
  .footer-top ul li.right80{margin-right: 80px;}
  .w50{width:50%;}
}
@media (min-width: 640px) {
  .o-projektu img{margin-right:20px;margin-bottom:0;}
  .o-projektu img{max-width: 355px;}
  .footer-menu .w5 {width: 50%;}
  .paginacija ul{margin-top: 0;}
  .paginacija ul{float: right;}
  .paginacija ul li{margin-left:10px;}
}
@media (min-width: 700px) {
  .logo a{width:100%;}
  .top{height:500px;}
  .top-page {bottom: 77px;right: 30px;padding: 15px;width: 50px;height: 50px;}
  .top-page:hover{bottom:79px;}
  .top-page img {left: 15px;top: 15px;}
  .more-lessons{font-size:16px;}
  .content img.article-img{max-width:250px;}
  .center-content{width:80%;}
}
@media (min-width: 800px) {
  a.Dtoggle{display:none;}
  .drop-menu{display:block;}
  .col.col_3.content-left{width: 23.8%;}
  .col.col_9.content-right{width:74.6%;}
  .drop-menu li a,.drop-menu .fallback li a{font-size: 13px;}
  .content img.article-img{max-width:150px;}
  table.fourcol-table{font-size:14px;}
  .pop-window{top:30%;}
}
@media (min-width: 900px) {
  .w2{width:50%;}
  .glasovi-zajednice .w2.pright {margin-top: 0;}
  .pleft{padding-right: 20px;}
  .pright{padding-left: 20px;}
  .dictionary form{width: 80%;}
  .dictionary-album .w2.album.pright {margin-top: 0;}
  .news-holder{padding:20px;}
  .news-holder {padding: 100px 20px;}
  .prev, .next{width:30px;height:30px;padding:10px;}
  .pop-window{top: 50%;margin-top: -200px;}
  .threecol-table {font-size: 14px;}
}
@media (min-width: 1000px) {
  .open-nav,.close-nav{display: none;}
  #mySidenav {width:60% !important;}
  .sidenav{background:none;position:relative;top:auto;right:auto;float:right;overflow-x:visible;padding:0;height:auto;margin-top:-60px;}
  .header-search{float:right;width: auto;border-bottom: 1px solid #6d6e70;margin-top:25px;width:22%;padding:0;}
  .full-right {display:block;float:right;margin-left:25px;width:70px;margin-top:-11px;}
  .social { list-style: none;float: right;padding: 0;margin: -12px 0 0;width: 100%;}
  .list-inline{list-style: none;float: right;padding-left: 0;margin-top: 18px;width: 100%;}
  .header-menu{float: right;padding-left: 0;list-style: none;margin-top:25px;width:auto;margin-right:-16px;overflow:hidden;}
  .header-menu li{width:auto;display.inline;}
  .header-menu li:after{content:"|";padding:0 15px;}
  .header-menu .icon-slideshare{float:left;margin-left:0;margin-right:10px;width:33px;height:33px;font-size:16px;}
  .header-menu a{padding:0;display:inline;width:auto;}
  .top{height:420px;}
  a.Mtoggle{display: none;}
  .main-menu{display:block;}
  .main-menu li{width: 33.3%;}
  .izbornik{padding:10px 0 0 0;}
  .w2.language-lessons.pleft{margin-bottom:40px;}
  .o-projektu {padding: 30px 15px 30px 0;width: 32.26%;}
  .news-events {border-left: 1px solid #ececec;padding: 30px 0 30px 30px;width: 66.13%;border-top:none;}
  .news-img{width: 35%;margin-right:0;}
  .o-projektu img {margin-bottom: 20px;margin-right:0;}
  .news-holder p { color:#929292; }
  .o-projektu{padding: 30px 15px 30px 0;}
  .footer-menu .w5 {width:20%;padding: 40px 20px;border-left: 1px solid #e0e0e0;border-bottom:none;}
  .footer-menu .w5:first-child{border-bottom: none;border-left:none;}
  .footer-menu .w5:last-child{border-left:1px solid #e0e0e0;}
  .news-content{padding-left:20px;}
  .content img.article-img{max-width:250px;}
  .link-btn{padding: 7px 20px;}
  .center-content{width:50%;}
  .pop-window{top:50%;}
}
@media (min-width: 1170px) {
  .sidenav{margin-top: 17px;}
}
@media (min-width: 1200px) {
  .izbornik{padding:30px 0 0 0;}
  .main-menu{display: block;}
  .main-menu.other-pages li,.main-menu.other-pages a{height: 75px;}
  .main-menu li{height:100px;width:16.6667%;}
  .main-menu a{height: 100px;}
  .main-menu span,.main-menu.other-pages span{top:auto;bottom:15px;font-size:18px;}
  .drop-menu li a{font-size: 15px;}
  .drop-menu .fallback li a{font-size:14px;}
  .content img.article-img{max-width:300px;}
  .td, .th, td, th{padding: 7px 15px;}
  .paginacija-download{padding: 10px;border: 1px solid #e0e0e0;}
  .content-right ul li{font-size:14px;}
}
@media(min-width: 1300px) {
  .top{padding: 30px 0 0 0;}
  .main-content{padding:0;}
  .news-holder{padding: 75px 0;}
  .white-bg{background:rgba(255,255,255,1);}
  .news-content{padding-left:0;}
  .footer-top{padding: 30px 0;}
  .footer{padding:20px 0;}
}