/* Theme Name: Manchevski Theme URI: http://bitsia.com Author: Bitsia Author URI: http://bitsia.com Description: Milcho Manchevski WordPress theme. Version: 1.0 License: GNU General Public License License URI: license.txt Tags: bitsia This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */
 /* @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic'); */
 html{
    width:100%;
    height:100%;
    margin-top:0px !important;
}
body{
    /* font-family: 'Open Sans', Calibri, Candara, Optima, Segoe, "Segoe UI",  Arial, sans-serif; */
    font-family: 'Corbel', Segoe, "Segoe UI", 'Times New Roman', 'Open Sans', Calibri, Candara, Optima, Arial, sans-serif;
    width:100% !important;
    height:100% !important;
    background-color:#000;
    overflow-x:hidden;
}
.menu-container{
    padding-top:2em;
}
#tooltip h3{
    font-size:x-small;
}
.menu-div{
    padding:0;
}
@media only screen and (min-width:939px){
     .menu-item-1916 {
     	/*temporarely hide the reel image
         height: 140px !important;
         background-image: url('http://manchevski.com/wp-content/themes/manchevski/images/Reel-last.jpg');*/
         background-size: 100% 75%;
         background-position: bottom center;
         background-repeat: no-repeat;
    }
     .menu-item-1916 a{
        padding-right:0px !important;
    }
    /* .menu-item-4951 {
         background-image: url('http://manchevski.com/wp-content/themes/manchevski/images/NEW.png');
         background-repeat:no-repeat;
    }
     .menu-item-1898 {
         background-image: url('http://manchevski.com/wp-content/themes/manchevski/images/BUY.png');
         background-repeat:no-repeat;
    }
     */
     .top-bar-section .has-dropdown > a {
        padding-right:0px !important;
    }
     @media only screen and (max-height:320px){
         #menu-extras-1 li .sub-menu, #menu-extras-2 li .sub-menu {
             right: 155px !important;
             height: 440px!important;
             top: auto !important;
             bottom: -255px !important;
        }
    }
     @media only screen and (max-height:460px){
         #menu-extras-1 li .sub-menu, #menu-extras-2 li .sub-menu {
             right: 155px !important;
             height: 440px!important;
             top: auto !important;
             bottom: -275px;
        }
    }
     @media only screen and (max-height:850px){
        .yellowbox{
            height:478px !important;
            padding:5px 15px 0px 15px;
        }
        .yellowbox p{
            line-height:1.3em !important;
            font-size:1.2em !important;
            margin-bottom:0.4em !important;
        }
    }
    @media only screen and (min-height:300px){
        .yellowbox{
            padding:3px 15px 0px 15px !important;
            height:500px !important;
        }
        .page-link{
            padding:5px 0px 30px 15px !important;
        }
    }
    @media only screen and (min-height:850px){
        .yellowbox{
            height:650px !important;
        }
        .yellowbox p{
            line-height:1.2em !important;
            font-size:1.25em !important;
        }
        .top-bar-section li a:not(.button){
            line-height:25px !important;
        }
    }
    @media only screen and (min-width:939px) and (max-width:1200px){
        .page-link{
            width:95% !important;
        }
    }
    ul li a{
        padding-top:7% !important;
        padding-left:6% !important;
    }
    .top-bar, .top-bar-1{
        height:0px !important;
    }
    #sb{
        width:100%;
        height:45px;
        position:absolute;
        top:90%;
        right:1%;
    }
    
    .video-box-mobile{
        visibility:hidden;
    }
    #sb a{
        margin-top:10px !important;
    }
    #socialbuttons a{
        display:inline;
        margin:0 8px;
        float:right;
    }
    .back{
        float:right !important;
    }
    .menu-menu-1, .menu-menu-2{
        width:170px !important;
        float:right !important;
    }
    .rowDesno{
        width:155px !important;
        float:right !important;
        position:absolute;
        right:10px;
        left:auto;
    }
    #menu-menu-10{
        margin-top:20px;
        margin-right:8%;
    }
    #menu-menu-10, #menu-extras, #menu-extras-1, #menu-extras-3,#menu-extras-2, #menu-menu-10 a, #menu-extras a,#menu-extras-1 a, #menu-extras-3 a,#menu-extras-2 a, #menu-menu-10 li, #menu-extras li, #menu-extras-1 li, #menu-extras-3 li, #menu-extras-2 li,#menu-extras-4,#menu-extras-5,#menu-extras-4 a,#menu-extras-5 a,#menu-extras-4 li,#menu-extras-5 li{
        width:170px !important;
    }
    #menu-extras .divider, #menu-extras-1 .divider, #menu-extras-3 .divider, #menu-extras-2 .divider,#menu-extras-4 .divider,#menu-extras-5 .divider{
        height:0px !important;
    }
    #menu-menu-10, #menu-extras , #menu-extras-1, #menu-extras-3, #menu-extras-2,#menu-extras-3,#menu-extras-4{
        padding:0px !important;
        float:left !important;
    }
    #menu-extras li, #menu-extras-1 li, #menu-extras-3 li, #menu-extras-2 li, #menu-extras-4 li, #menu-extras-5 li{
        height:50px;
        width:170px !important;
        border-collapse:collapse;
    }
    .nastrana{
        width:15%;
        height:300px;
        float:left;
        margin-top:50px;
    }
    .page-link{
        padding:5px 0 30px 13px;
    }
    .content{
    }
    .logo{
        width:180px;
        height:58px;
        background:url('images/mm1.png');
        background-size:94% !important;
        background-repeat:no-repeat;
    }
    .back{
        width:170px;
        height:9%;
        padding-top:15%;
        //background-color:black;
        //#2a2b25;
    }
    .yellowbox{
        float:left !important;
        padding:6% 7% 1% 7%!important;
    }
    /*.yellowbox p img{
        display:none;
    }
    */
    .menu-container{
        width:170px;
        min-height:96%;
        padding-top:0px !important;
        float:left;
        margin-left:7%;
        background-color:black;
    }
    .content{
        width:63%;
        float:left;
        padding-left:1% !important;
    }
    #menu-menu-1 .has-dropdown .dropdown, #menu-primary-second-menu-1 .has-dropdown .dropdown{
        left:170px !important;
    }
    #menu-extras .has-dropdown .dropdown ,#menu-extras-3 .has-dropdown .dropdown, #menu-extras-4 .has-dropdown .dropdown,#menu-extras-5 .has-dropdown .dropdown{
        right:60px !important;
    }
    #menu-extras-2 .has-dropdown .dropdown .has-dropdown .dropdown{
        /*right:240px !important;*/
        right:200px !important;
    }
    .dropdown{
        top:0 !important;
    }
    #menu-menu-1 li, #menu-primary-second-menu-1 li{
        width:170px !important;
        background-color:black;
        border-collapse:collapse;
    }
    .divider{
        border-bottom:1px #2a2b25 solid !important;
    }
    #menu-menu-1 li a, #menu-primary-second-menu-1 li a{
        color:white;
        height:100%;
        width:170px;
        background-color:black !important;
        text-transform:uppercase;
        padding-top:3%;
        padding-left:15px;
        font-size:0.850em;
        word-break:keep-all !important;
    }
    #menu-menu-10 li, #menu-menu-10 li a{
        width:155px !important;
        height:40px ;
    }
    .menu-item-4432{
        width:57px !important;
        height:57px !important;
    }
    #menu-menu-10 li ul li ,#menu-menu-10 li ul li a, #menu-menu-10 li ul{
        width:200px !important;
        height:50px !important;
    }
    #menu-menu-10 li ul .divider{
        height:0px !important;
    }
    #menu-menu-10 li ul li a:not(.button), #menu-menu-10 li ul li{
        background-color:black !important;
    }
    #menu-extras li a, #menu-extras-1 li a, #menu-extras-3 li a , #menu-extras-2 li a,#menu-extras-4 li a,#menu-extras-5 li a{
        color:white;
         text-align:right;
         background-color:transparent;
         height:100%;
        width:155px;
        text-transform:uppercase;
        padding-top:10px;
        padding-left:15px;
        font-size:13px;
        word-break:keep-all !important;
    }
    #menu-menu-1 .has-dropdown > a:after, #menu-primary-second-menu-1 .has-dropdown > a:after{
        border-color:transparent transparent transparent transparent !important;
        border:none;
        content:"\00bb";
        margin-top:-16px;
        right:5px;
        padding-top:4%;
    }
    #menu-menu-1 .has-dropdown ul .has-dropdown > a:after, #menu-primary-second-menu-1 .has-dropdown ul .has-dropdown > a:after{
        border-color:transparent transparent transparent transparent !important;
        border:none;
        content:"\00bb";
        margin-top:-16px;
        right:5px;
        padding-top:0%;
    }
    #menu-extras .has-dropdown > a:after, #menu-extras-1 .has-dropdown > a:after, #menu-extras-3 .has-dropdown > a:after, #menu-extras-2 .has-dropdown > a:after, #menu-extras-4 .has-dropdown > a:after, #menu-extras-5 .has-dropdown > a:after{
        border-color:transparent transparent transparent transparent !important;
        border:none;
        content:"\00ab";
        left:0px;
        color:white;
        margin-top:-16px;
    }
    #menu-menu-1 li a:hover, #menu-primary-second-menu-1 li a:hover, #menu-menu-10 li ul li a:hover{
        color:black !important;
        background-color:#CCCE25 !important;
    }
    #menu-menu-10 li ul li a{
        background-color:black;
    }
    #menu-menu-1 .has-dropdown .dropdown li, #menu-primary-second-menu-1 .has-dropdown .dropdown li{
    	display: none;
        height:35px;
        background-color:black;
    }
    #menu-menu-1 .has-dropdown .dropdown li.menu-item, #menu-primary-second-menu-1 .has-dropdown .dropdown li.menu-item,
    #menu-menu-1 .has-dropdown .dropdown li.divider, #menu-primary-second-menu-1 .has-dropdown .dropdown li.divider{
    	display: block;
	}
    .dropdown li a{
        color:white !important;
        width:185px;
        padding-top:6px !important;
        padding-left:10px !important;
        text-transform:lowercase !important;
        height:100% !important;
        background-color:#CCCE25 !important;
    }
    .divider{
        width:0px !important;
        height:0px !important;
    }
    .dropdown .divider{
        width:0px !important;
        height:0px !important;
    }
    .top-bar, .top-bar-1{
        height:18px;
        margin-bottom:2px;
        font-size:14px;
        background:none !important;
    }
    .contentdiv{
        z-index:0;
        min-height:96% !important;
        min-width:100%;
        margin:auto;
        background-size:contain;
    }
    #menu-primary-second-menu-1 .divider{
        height:0px !important;
    }
    .mobilemenu{
        display:none;
    }
    #menu-menu-10 .divider{
        background:transparent !important;
    }
    .top-bar-section ul li a:hover, .top-bar-section ul li.current_page_item a .top-bar-section ul li.current_page_ancestor a{
        background:#CCCE25 !important;
        color:black !important;
    }
    #menu-menu-1 ul li a, #menu-primary-second-menu-1 ul li a{
        background:black !important;
    }
    .top-bar-section li a:not(.button){
        line-height:14px;
        font-weight:normal;
        padding:12% 8px;
    }
    .top-bar-section ul{
        background:none;
    }
    li.divider{
        width:0px !important;
        height:0px !important;
    }
    .dropdown{
        margin-top:-2px !important;
    }
    #menu-menu-1 li ul li a , #menu-primary-second-menu-1 li ul li a, #menu-menu-10 li ul li a{
        font-size:0.8em;
    }
    #menu-menu-1 li ul li , #menu-primary-second-menu-1 li ul li, #menu-menu-1 li ul li a, #menu-primary-second-menu-1 li ul li a{
        width:200px !important;
    }
    #menu-menu-1 .has-dropdown .dropdown li ul , #menu-primary-second-menu-1 .has-dropdown .dropdown li ul{
        left:200px !important;
        width:230px !important;
    }
    #menu-menu-1 .has-dropdown .dropdown li ul li ul, #menu-primary-second-menu-1 .has-dropdown .dropdown li ul li ul{
        left:230px !important;
        width:230px !important;
    }
    #menu-menu-1 .has-dropdown .dropdown li ul li, #menu-primary-second-menu-1 .has-dropdown .dropdown li ul li{
        width:230px !important;
    }
    #menu-menu-1 .has-dropdown .dropdown li ul li a, #menu-primary-second-menu-1 .has-dropdown .dropdown li ul li a{
        width:230px !important;
    }
    #menu-menu-10 li ul, #menu-menu-10 li ul li , #menu-menu-10 li ul li a{
        width:200px !important;
    }
    #menu-menu-10 li ul li , #menu-menu-10 li ul li a{
        height:35px !important;
    }
    #menu-menu-10 li ul li {
		display: none;
	}
    #menu-menu-10 li ul li.menu-item,
    #menu-menu-10 li ul li.divider {
    	display: block;
	}
    .wptf-simple li, .wptf-simple li a{
        width:138px !important;
        height:139px !important;
    }
    .wptf-simple li a img{
        width:120px !important;
        height:120px !important;
    }
}
@media only screen and (max-width:939px){
    .mobile-menu{
        min-width:100%;
    }
    #sb{
        position:absolute;
        top:20px;
        float:left;
         right:0;
    }
    p{
        margin:5px;
    }
    #sb a{
        width:25px !important;
        height:25px !important;
        background-size:cover !important;
    }
     .soundtrack-box-mobile p iframe, .soundtrack-box-mobile {
        display:none;
    }
     .soundtrack-box-desktop {
        display:inherit !important;
    }
     .yellowbox {
         overflow-y:visible !important;
    }
     #sb a {
         margin-left: 4px !important;
         margin-right: 4px;
    }
     #sb .mail_picture {
         height:25px;
        width:25px;
         background-size: 100%!important;
         margin-top: 3px;
    }
     yellowbox{
        height:100% !important;
    }
    .footer-p{
        visibility:hidden;
    }
    .row{
        min-width:100% !important;
        max-width:105% !important;
        margin-left:0px !important;
        margin-right:0px !important;
        padding-top:0%;
    }
    .top-bar{
        width:100%;
    }
    .content{
        padding:auto !important;
    }
    .wptf-simple li, .wptf-simple li a{
        width:90px !important;
        height:90px !important;
    }
    .wptf-simple li a{
        padding-top:11% !important;
        padding-left:10% !important;
    }
    .video-box{
        /* visibility:hidden;
        display: none; */
        height: 0;
        overflow: hidden;
    }
    .video-box-mobile{
        position: relative;
        visibility: visible;
        margin: 0 10%;
    }
    .wptf-simple li a img{
        width:70px !important;
        height:70px !important;
    }
    #menu-extras-1, #menu-extras-2, #menu-extras-3, #menu-extras-4, #menu-extras-5, #menu-menu-10, .rowDesno,.visina{
        display:none;
    }
    #menu-extras li, #menu-extras li a{
        width:100% !important;
    }
    #menu-extras .divider{
        border-bottom:solid 1px #2b2b2b !important;
        border-top:solid 1px black !important;
        height:1px !important;
        width:100% !important;
    }
    #menu-extras li > a{
        background-color:transparent !important;
        color:white !important;
    }
    #menu-extras li a, #menu-extras li a:hover{
        color:white !important;
    }
    .desktopmenu{
        display:none;
    }
    .visina{
        width:100%;
        height:150px !important;
    }
    .rowDesno, #menu-menu-10, #menu-extras{
        height:150px;
        width:100%;
    }
    #menu-extras{
        height:100% !important;
    }
    #menu-extras a,#menu-extras li{
        width:60px;
        float:right;
        color:transparent;
    }
    .yellowbox, .yellowbox-full{
        width:100% !important;
    }
    #socialbuttons{
        margin-bottom:45px;
    }
}
.row{
    max-width:59em;
    z-index:33;
}
.footer-p{
    font-family:"Lucida Grande", Verdana,Arial, Helvetica, sans-serif;
    font-size:0.563em;
    color:#606060;
    font-weight:normal;
    padding:0 1em;
}
.footer-p a{
    color:#808080;
}
.footer-p a:hover{
    text-decoration:underline;
}
.uppercase{
    text-transform:uppercase;
}
.lowercase{
    text-transform:lowercase;
}
.buttonwrapper{
    margin-bottom:2.2em;
}
.right .buttonwrapper{
    clear:both;
    float:right;
}
.left .buttonwrapper{
    float:left;
}
.yellowbutton{
    background-color:rgba(0, 0, 0, 0.4);
    border:1px solid #FFFF00;
    border-radius:26px 26px 26px 26px;
    color:#FFFF00;
    font-size:0.688em;
    padding:3px 15px;
    font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-style:italic;
}
.yellowbutton:hover{
    color:#FFFF00;
    opacity:0.8;
}
.yellow_button_box{
    background-color:rgba(204,206,46,0.8);
    background-color:rgba(246,247,232,0.8);
    color:#000000;
    font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size:0.688em;
    padding:7px 15px;
    line-height:1.2em;
    margin-bottom:3em;
}
.yellow_button_box a{
    color:#000000;
}
.yellow_button_box a:hover{
    color:#FFFF00;
    opacity:0.8;
}
.yellowbox{
    background-color:rgba(204,206,46,0.8);
    background-color:rgba(246,247,232,0.8);
    color:#000000;
    font-size:0.688em;
    padding:5px 15px;
    width:100%;
    overflow:hidden;
    overflow-y:auto;
    height:671px;
}
.yellowbox p{
    line-height:1.2;
    margin-bottom:0.6em;
    font-size:1.2em;
}
.yellowbox a{
    color:#000000;
    font-weight:bold;
}
.yellowbox a:hover{
    color:#000000;
    text-decoration:underline;
}
.yellowbox-full{
    background:url('images/background.png') repeat;
    border:1px solid #000000;
    border-radius:13px 13px 13px 13px;
    color:#000000;
    font-size:12px;
    padding:5px 15px;
    width:100% !important;
    overflow:hidden;
}
.yellowbox-full p{
    line-height:1.1;
    margin-bottom:1em;
}
.yellowbox-full a{
    color:#000000;
    font-weight:bold;
}
.yellowbox-full a:hover{
    color:#000000;
    text-decoration:underline;
}
#yellowbullet{
    color:rgba(204,206,46,1);
    /* 11.01.2021 */
    display: none;
}
.page-link{
    color:#000;
    padding:5px 0 30px 15px;
    background-color:rgba(204,206,46,0.8);
    background-color:rgba(246,247,232,0.8);
    font-size:12px;
    margin-bottom:0.5em;
    clear:both;
}
.page-link a{
    font-weight:normal;
    color:#000;
    text-decoration:underline;
}
.socialwrapper{
    position:relative;
}
.sb_button{
    position: relative;
    /* height:30px;
    width:30px; */
    margin:0 8px;
    float:right;
    background-size: contain;
    color: #686a6a;
    font-size: 25px;
}
.sb_button:hover {
    color: #c5c739;
}
.fb_button{
    position: relative;
    height:30px;
    width:30px;
    /* background:url('images/facebook_inactive.png') no-repeat; */
    margin:0 8px;
    float:right;
    background-size: contain;
}
.fb_button::before{
    content: '\f39e';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-family: "Font Awesome 5 Free"; font-weight: 900;
}
.fb_button:hover{
    height:30px;
    width:30px;
    background:url('images/facebook_active.png') no-repeat;
    margin:0 8px;
    float:right;
     background-size: contain;
}
.instagram_button{
    height:30px;
    width:30px;
    background:url('images/instagram.png') no-repeat;
    margin:0 8px;
    float:right;
     background-size: contain;
}
.instagram_button:hover{
    height:30px;
    width:30px;
    background:url('images/instagram_active.png') no-repeat;
    margin:0 8px;
    float:right;
     background-size: contain;
}
.linkedin_button{
    height:30px;
    width:30px;
    background:url('images/linkedin_inactive.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
.linkedin_button:hover{
    height:30px;
    width:30px;
    background:url('images/linkedin_active.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
.twitter_button{
    height:30px;
    width:30px;
    background:url('images/twitter_inactive.png') no-repeat;
    margin:0 8px;
    float:right;
     background-size: contain;
}
.twitter_button:hover{
    height:30px;
    width:30px;
    background:url('images/twitter_active.png') no-repeat;
    margin:0 8px;
    float:right;
     background-size: contain;
}
.youtube_button{
    height:30px;
    width:30px;
    background:url('images/youtube_inactive.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
.youtube_button:hover{
    height:30px;
    width:30px;
    background:url('images/youtube_active.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
.vimeo_button{
    height:30px;
    width:30px;
    background:url('images/vimeo_inactive.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
.vimeo_button:hover{
    height:30px;
    width:30px;
    background:url('images/vimeo_active.png') no-repeat;
    margin:0 8px;
    float:right;
    background-size: contain;
}
 .mail_picture{
    height:30px;
    width:30px;
    background:url('images/mail-sivo.png') no-repeat;
    margin:0 0px -6px 4px;
    float:right;
     background-size: contain;
}
 .mail_picture:hover{
    height:30px;
    width:30px;
    background:url('images/mail-zolto.png') no-repeat;
    margin:0 0px -6px 4px;
    float:right;
    background-size: contain;
}
 .prev-posts{
    padding:0 10px 0 0;
}
.paddingtop{
    padding-top:10em;
}
.notbold{
    font-weight:normal !important;
}
.next_link, .prev_link{
    padding:4px !important;
}
.prev-posts a, .next-posts a{
    color:white !important;
    text-decoration:none;
    text-transform:uppercase;
}
.prev-posts{
    margin-right:14px;
}
.ne{
    visibility:hidden;
}
#menu-menu-10 li a:hover{
    background-color:transparent !important;
    color:transparent !important;
}
.dne{
    display:none;
}
.dark-theme a{
    box-shadow:0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset !important;
    height:27px !important;
    line-height:28px !important;
    padding:0px !important;
}
.dark-theme span{
    margin:0px !important;
}
.prev, .next{
    display:none;
}
.current{
    background-color:#CCCE25 !important;
}
#scr p{
    line-height:1.2em !important;
}
#wptf-gallery-10 ul li, #wptf-gallery-36 ul li, #wptf-gallery-10 ul li a, #wptf-gallery-36 ul li a{
    width:80px !important;
    height:80px !important;
}
#wptf-gallery-10 ul li a img, #wptf-gallery-36 ul li a img{
    width:65px !important;
    height:65px !important;
}
#wptf-gallery-10 .wptf-pnav, #wptf-gallery-36 .wptf-pnav, #wptf-gallery-13 .wptf-pnav, #wptf-gallery-20 .wptf-pnav, #wptf-gallery-30 .wptf-pnav, #wptf-gallery-33 .wptf-pnav, #wptf-gallery-34 .wptf-pnav, #wptf-gallery-35 .wptf-pnav, #wptf-gallery-38 .wptf-pnav, #wptf-gallery-39 .wptf-pnav{
    display:none !important;
}
#menu-extras-1 .has-dropdown .dropdown .has-dropdown .dropdown{
    right:200px !important;
}
.mbox{
    color:black !important;
}
.home_right_1{
    width:175px !important;
    height:175px !important;
}
.main-box{
    margin:0px !important;
    max-width:62% !important;
}
.main-box .yellowbox{
    margin:4% 4% 0% 4% !important;
    height:85% !important;
    width:90% !important;
}
.page-link{
    width:90% !important;
    margin-left:4% !important;
}
.wptf-gallery{
    //margin:10% !important;
}
 @media only screen and (max-width:939px){
     .main-box{
        width:100% !important;
        max-width:105% !important;
        min-height:570px !important;
         background-size:cover !important;
         margin-left:0px !important;
        margin-right:0px !important;
    }
    .back a .logo{
        width:180px;
        height:58px;
        display:inline-block;
        background:url('images/mm1.png');
        background-size:100% !important;
        background-repeat:no-repeat;
        top:0%;
        position:relative;
        margin-left:0%;
    }
     #newsfeed{
         display:none;
    }
     .hide-mobile {
         visibility:hidden;
    }
}
/* end max width */
 #news-feed #a1,#news-feed #a2, #news-feed #a3, #news-feed #a4, #news-feed #a5, #news-feed #a6, #news-feed #a7, #news-feed #a8, #news-feed #a9, #news-feed #a10, #news-feed #a11, #news-feed #a12, #news-feed #a13, #news-feed #a14, #news-feed #a15, #news-feed #a16{
    display:none;
}
 #newsfeed{
     width: 155px;
     height: 130px;
     position: absolute;
     top: 6%;
     right: 1%;
     font-family:Ms Sans Serif;
     font-size: 0.8em;
}
 #news-parag{
    color:white;
     width: 155px;
    text-align:right;
    text-transform:uppercase;
     font-weight:bolder;
}
 #news-feed {
    list-style-type: none;
    text-align:right;
}
 #news-feed a {
    color:white;
     !imporatnt;
}
 #news-feed a:hover {
    color:white;
     !imporatnt;
}
 #news-feed-right, #news-feed-left{
    color:white;
     !imporatnt;
     font-weight:bold;
}
 .sub-menu {
    list-style-type:none;
}
 .current_post {
     background-color: black ;
     color: white;
     width: 20px;
     height: 20px;
     padding-left: 7px;
     padding-top: 3px;
     float: left;
     margin-right: 5px;
}
 .prev-posts, .next-posts {
     //background-color: rgba(204,206,46,0.8);
     color: white;
     width: 17px;
     height: 20px;
     padding-left: 1px;
     padding-top: 3px;
     float: left !important;
     margin-right: 5px;
}
 .navigation {
     padding-left:40% !important;
}
 #wptf-gallery-10, #wptf-gallery-36 {
    width:440px !important;
     margin: auto;
}
 #wptf-img-242 {
    margin-left:187px !important;
}
 #wptf-gallery-13 ul li, #wptf-gallery-13 ul li a {
     width: 95px !important;
     height: 95px !important;
     padding:0px !important;
     margin:0px !important;
}
 #wptf-gallery-13 ul li a {
     padding:4px !important;
}
 #wptf-gallery-13 ul li a img {
     width: 85px !important;
     height: 85px !important;
}
 .nav-help {
     //background-color: pink;
     position: relative;
     top: -10%;
     width: 90%;
     margin: 0% 4% 0% 4% !important;
     font-size:0.85em;
}
 #news-feed a li img {
     padding-top: 3px;
     width: 155px;
     height: 115px;
}
 #news-feed {
    width:155px !important;
}
 #news-parag {
    font-size:1em;
}
 @media only screen and (max-width:500px){
     #wptf-gallery-10, #wptf-gallery-36 {
        width:400px !important;
    }
     #wptf-img-242 {
        margin-left:176px !important;
    }
     #wptf-gallery-10 ul li, #wptf-gallery-10 ul li a,#wptf-gallery-36 ul li, #wptf-gallery-36 ul li a {
         width: 66px !important;
         height: 66px !important;
         margin:0px !important;
         padding:1px !important;
    }
     #wptf-gallery-10 ul li a img, #wptf-gallery-36 ul li a img {
         width: 64px !important;
         height: 64px !important;
    }
     #wptf-gallery-13 ul li, #wptf-gallery-13 ul li a, #wptf-gallery-13 ul li a img {
         //width: 60px !important;
         //height: 60px !important;
         //padding:4px !important;
         margin:0px !imporatnt;
    }
}
 @media only screen and (max-width:500px){
     #wptf-gallery-36 .wptf-simple {
         width:75% !important;
    }
     #riddle-text {
         width:100% !important;
    }
     #riddle {
         width:100% !important;
    }
     #wptf-gallery-13 {
         width:220px !important;
         margin:auto !important;
    }
     .levo-mob {
         margin-left:0px !important;
         padding-left:0px !important;
    }
}
 #wptf-img-781 {
    margin-right: 184px !important;
}
 #menu-extras-1 {
     list-style-type: none;
     font-size:0.9em !important;
}
 .navigation_pages br {
     display:none;
}
 #menu-extras-1 li .sub-menu, #menu-extras-2 li .sub-menu {
     right: 155px !important;
}
 .page-numbers {
     margin: 10px;
}
 .current {
     background-color: #000 !important;
     color: #FFF;
     width: 20px;
     padding: 5px;
}
 #menu-extras-1 li a:hover {
     color:white !important;
}
 #news-feed-right:after {
    /* content: "\00bb";
     */
}
 #news-feed-left:after {
    /* content: "\00ab";
     */
}
 .menu-item-9733 {
     color: black !important;
     background-color: #CCCE25 !important;
}
 .top-bar-section .has-dropdown.menu-item-9733 > a {
     padding-left: 10px !important;
     padding-right: 10px !important;
}
.mobile-quick-links {
    display: none;
}

/*** NEW CSS RULES ***/
.yellowbox .wptf-gallery .wptf-simple {
    text-align: center;
}
#sb-mob {
    display: none;
}
@media (max-width: 939px) {
    #sb {
        display: none !important;
    }
    .top-bar {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        /* height: 58px; */
        z-index: 98;
    }
    .row.menu-container {
        position: absolute;
    }
    .row.menu-container .back.logo-mob {
        position: absolute;
        top: 0;
        left: 0;
        width: 180px;
        height: 58px;
        z-index: 99;
    }
    .row.menu-container .large-12 {
        width: calc(100% - 180px);
        width: 100%;
        height: 58px;
    }
    .row.menu-container .large-12 .top-bar.expanded {
        background-color: #000;
        margin-bottom: 0px;
    }
    .top-bar .title-area {
        height: 52px;
    }
    .row.menu-container .large-12 .top-bar.expanded .title-area{
        height: 52px;
    }
    #sb-mob {
        display: table;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        float: none;
    }
    #sb-mob .wrapper {
        width: 250px;
        margin: 0 auto;
    }

    /* CONTENT */
    .contentdiv.slika-mob {
        position: fixed;
        width: 100vw;
        top: 58px;
        height: calc(100vh - 80px);
        height: calc((var(--vh, 1vh) * 100) - 80px);
        z-index: 0;
    }
    .main-box {
        min-height: calc(100vh - 80px) !important;
        min-height: calc((var(--vh, 1vh) * 100) - 80px) !important;
        background-position: center !important;
    }
    .main-box .yellowbox {
        margin: 0 !important;
        padding: 30px;
        width: 100% !important;
        /* height: 100% !important; */
        height: calc(100vh - 80px) !important;
        height: calc((var(--vh, 1vh) * 100) - 80px) !important;
    }
    .main-box .yellowbox > div:not(.video-box, .video-box-mobile) {
        float: none !important;
        width: 100% !important;
    }

    .yellowbox p {
        text-align: left;
    }

    /* MOBILE QUICK LINKS */
    .mt-3 {
        margin-top: 24px !important;
    }
    .mt-4 {
        margin-top: 32px !important;
    }
    .mt-6 {
        margin-top: 56px !important;
    }
    .mb-1 {
        margin-bottom: 6px !important;
    }
    .mb-3 {
        margin-bottom: 24px !important;
    }
    .pb-2 {
        padding-bottom: 12px !important;
    }
    .mobile-quick-links {
        display: flex;
        flex-direction: column;
        background-color: rgba(204,206,46,0.8);
        background-color: rgba(246,247,232,0.8);
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        color: #000000;
        font-size: 1.250em;
        justify-content: center;
    }
    .mobile-quick-links .heading {
        padding: 16px 0 16px 0;
        font-size: 0.625em;
        text-align: left;
        text-transform: uppercase;
        width: 240px;
        margin: 0 auto;
    }
    .mobile-quick-links ul {
        display: flex;
        flex-wrap: wrap;
        width: 240px;
        margin: 0 auto;
    }
    .mobile-quick-links ul li {
        display: flex;
        width: 100%;
    }
    .mobile-quick-links ul li a {
        display: block;
        color: #000000;
        font-weight: 600;
        font-size: 13px;
        text-transform: uppercase;
        text-align: right;
        align-items: end;
        margin: auto 0 auto auto;
    }
    .mobile-quick-links ul li a.font-italic {
        font-style: italic;
    }
    .mobile-quick-links .contact {
        display: flex;
        flex-wrap: wrap;
        width: 240px;
        margin: 0 auto;
        font-size: 0.750em;
    }
    .mobile-quick-links .contact  a {
        color: #000000;
        margin: 7px 0 auto auto !important;
    }
    .copyright.mob {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        padding: 8px 0 8px 0;
        font-size: 0.625em;
        text-align: center;
        color: #fff;
    }

    /*  MOBILE YELOWBOX */
    .yellowbox > div:not(.video-box) {
        height: auto !important;
    }
    .yellowbox > div.ignore-desktop {
        float: none !important;
        width: 100% !important;
    }
}
.d-heading {
    display: none;
}

/* make sure all two columns are displayed as one on all resolutions */
.yellowbox > div:not(.video-box):not(.ignore-desktop) {
    float: none !important;
    width: 100% !important;
}
.yellowbox .post-divider {
    margin-top: 0px;
    width: 100%;
    float: none;
    clear: both;
}

.yellowbox .post-divider > div:not(.video-box) {
    float: none !important;
    width: 100% !important;
}

.copyright.mob {
    display: none;
}

@media (min-width: 992px) {
    body {
        position: fixed;
    }
}

.bottom-menu, .content-bottom-nav-menu {
    display: none;
}
.bottom-menu a.active {
    font-weight: 400;
}
@media (max-width: 939px) {
    .video-box .bottom-menu {
        position: fixed;
        width: calc(100% - 30px);
        padding: 0 20px;
        left: 0;
    }
}

.yellowbox.bottom-page-nav {
    position: relative;
    margin-top: 0 !important;
    padding: 0 !important;
    height: auto !important;
    text-align: center;
    padding-bottom: 10px !important;
    list-style-type: none;
}
.bottom-page-nav li {
    display: inline;
}
.bottom-page-nav li a {
    padding: 10px 15px !important;
    color: #000;
    font-weight: 700;
}
.bottom-page-nav li.current_page_item a {
    font-weight: 400;
}
.main-box .navigation.page-link {
    display: none;
}


.marquee-poster {
    width: 230px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
@media (max-width: 480px) {
    .marquee-poster {
        width: 100%;
        float: none;
        margin-bottom: 25px;
    }
}

 /* custom code  */
 #riddle .wptf-simple {
    max-width: 300px;
    margin: 0 auto;
 }

 #wptf-gallery-13 ul li, #wptf-gallery-13 ul li a {
     width: 135px !important;
    height: 135px !important;
 }

 #wptf-gallery-13 ul li a img {
    width: 125px !important;
    height: 125px !important;
}