/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Dec 22, 2014, 10:25:34 AM
    Author     : Jafran
*/

.hide-mobile{
    display: none;
}

.show-mobile{
    display: block;
}


/*Home*/

.comments .blk{
    width: 100%;   
    float: none;
}

.comments .blk:first-child .img,.comments .blk:last-child .img{
    display: inline-block;
    margin-left: 25%;
}

.comments .blk .img:after{
    display: block;
    content: " ";
    clear: both;
}

.comments .blk .desc{
    width: 100%;
}

.middle .blk-2 .block:nth-child(2) p,.middle .blk .news .single-news p, .container.news .block p{
    font-size: 14px;
}


.middle a.all-news{
    text-align: center;
}

.middle a.all-news span{
    margin: 0;
}

.container.photo .pagination{
    display: block  !important;
    margin-top: 0;
}



@media screen and (max-width : 562px){
    .container.contact form{
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }
}

.container.news .block .desc{
    width: 55%;
}

.container.submission label.big{
    width: 100%;    
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.container.submission .inputs{
    width: 100%;
}

.container.submission input[type=text], .container.submission input[type=email], .container.submission textarea, .container.submission select{
    width: 100%;
    display: block;
    margin-bottom: 20px;
}



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

    .container.committee .desc ul li.with-img{
        height: auto;
    }

    .container.committee .desc ul li.with-img .img,
    .container.committee .desc ul li.with-img .dtls{
        top: 0;
        transform: translateY(0);
    }

    .splash-static {
        height: 132px;
        padding-top: 42px;
    }

    .splash-static.researchTopics ,.splash-static.events, .splash-static.photo{
        padding-top: 37px;
        line-height: 32px
    }  

    .splash-static span{
        /*display: block;*/
    }

    .middle{
        padding-top: 60px;
    }

    .middle .blk-1{
        margin-left: 0;
    }

    .middle .blk .block{
        width: 100%;
    }


    .middle .blk .blk-title{
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        padding-left: 45px;
        width: 100%;
        text-align: left;
    }

    .middle .blk .blk-title br, .middle .blk .blk-title:before{
        display: none;
    }

    .middle .blk-1 .blk-title, .middle .blk-1 .news .single-news{
        margin-left: 0;
        float: none;
    }

    .middle .blk .news .single-news{
        width: 100%;
        float: none;
        margin: 0 auto;
        height: 210px;
        margin-bottom: 20px;
    }

    .middle .blk-1 .blk-title {
        background: #f1594e url(../img/lightbulb-big.png) no-repeat 10px center;
        background-size: auto 70%;
    }

    .middle .blk-2 .block:nth-child(1){
        margin: 0px 0 30px; 
    }

    .middle .blk-2 .block:nth-child(1) .blk-title {
        background: #182647  url(../img/calendar-big.png) no-repeat 10px center;
        background-size: auto 64%;
    }

    .middle .blk-2 .block:nth-child(2) .blk-title {
        background: #f1594e url(../img/info-big.png) no-repeat 10px center;
        background-size: auto 70%;
    }

    .middle .blk-2 .block:nth-child(1) h1{
        font-size: 14px;
    }

    .container.static.speakers .spkr-dtls .spkrs h1{
        line-height: 19px;
        padding-top: 10px;
        width: 75px;
    }


    .sponcers h1{
        margin-bottom:  20px;
    }

    .sponcers ul {
        margin-left: 0 !important;
    }

    .sponcers ul li{
        width: 100% !important;
        /*margin-bottom: 20px;*/
        padding: 0 !important;
        margin-left: 0  !important;
        /*text-align: center;*/
    }

    .sponcers ul li img{
        width: 80% !important;
        padding: 0 !important;
        max-width: 215px;
    }
	.sponcers ul li.zu img{
        width: auto !important;
        max-width: auto;
    }

    .sponcers .blk:nth-child(2) .logos li:nth-child(1) img{
        /* width: 127px !important; */
        margin-bottom: 30px;
    }

    .sponcers .blk:nth-child(2) .logos li:last-child img{
        width: 60% !important;;
    }
    
    /*    .sponcers .blk:nth-child(2) ul li:last-child img{
            width: 44% !important;
        }*/

    footer .top> div{
        float: none;
    }

    footer .top h1:first-child{
        display: none;
    }

    footer .top h1:nth-child(2){
        display: block !important;
    }

    footer .top ul li a{
        margin: 15px 2px !important;
    }



    /*committeee*/
    .container.committee .desc{
        width: 100% !important;
        padding-left: 0;
    }

    .container.committee .desc > ul > li.small-title{
        display: block !important;
        background: #f7f7f7;
        line-height: 40px; 
        font-weight: bold;
        color: #f1594e;
        padding: 0 10px
    }

    .container.committee .desc ul li > ul > li:nth-child(odd){ 
        background: #fff;
    }

    .container.committee .desc  li.small-title.active, .container.committee .desc li.small-title:hover {
        color: #fff;
        background: #f1594e;
        position: relative;
        cursor: pointer;

    }

    /*    .bx-wrapper .bx-controls-direction a{
            height: 103px !important;
        }*/

    .bx-wrapper .bx-controls-direction a{
        height: 91px !important
    }

    #login .container{
        padding: 2%;
        height: 260px !important;
    }

    #login .container form input[type=email], #login .container form input[type=password]{
        width: 100%;
        margin: 0 AUTO;
    }

    #login .container span{
        width: 100%;
    }

    #login .container span,#login .container form input[type=submit]{
        float: left;
        display: block;
        margin-bottom: 10px;
    }

    #login .container form{
        width: 295px !important;
    }

    #login .container form label{
        display: none !important;
    }

    #login .container form p{
        float: left;
        margin: 0;
        margin-top: -13px;
    }

}

@media screen and (max-width : 500px){
    .middle-mobile .blk .block {
        width: 100%;
    }

    .middle-mobile .middle {
        padding-top: 20px;
        padding-bottom: 8px;
    }

    .middle-mobile .middle .blk-2 .block:nth-child(1){
        margin: 5px 0 0px;
    }

    .middle-mobile .blk .blk-title{
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        padding-left: 45px;
        width: 100%;
        text-align: left;
    }

    .middle-mobile .blk .blk-title br, .middle-mobile .blk .blk-title:before{
        display: none;
    }

    .middle-mobile .blk-1 .blk-title, .middle-mobile.blk-1 .news .single-news{
        margin-left: 0;
        float: none;
    }

    .middle-mobile .blk-2 .block:nth-child(1) .blk-title {
        background: #182647  url(../img/link-hm-wht.png) no-repeat 10px center;
        background-size: auto 64%;
    }
}

@media screen and (max-width : 320px){
    .splash-static.researchTopics{
        padding-top: 20px;
        line-height: 32px
    }    
}

/*bjqs*/


ul.bjqs-controls.v-centered li a {
    width: 20px;
    height: 30px;
    top: 38% !important;
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: -10px;
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: -10px; 
}

#banner-fade:hover ul.bjqs-controls.v-centered li.bjqs-next a{
    top: 35%;
    right: -20px;  
} 

#banner-fade:hover ul.bjqs-controls.v-centered li.bjqs-prev a{
    left: -20px; 
}  

ul.bjqs-controls.v-centered li.bjqs-next a:after{   
    border-top: 0px solid transparent;
    bottom: -10px;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(71, 71, 85);    
}

ul.bjqs-controls.v-centered li.bjqs-prev a:after{

    border-top: 0px solid transparent;
    bottom: -10px;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgb(71, 71, 85);
}


#banner-fade:hover ul.bjqs-controls.v-centered li.bjqs-next a:after{
    border-bottom: 8px solid transparent;
    border-left: 20px solid rgb(71, 71, 85);
    bottom: -8px;  
} 

#banner-fade:hover ul.bjqs-controls.v-centered li.bjqs-prev a:after{
    border-bottom: 8px solid transparent;
    border-right: 20px solid rgb(71, 71, 85);
    bottom: -8px;
} 

.middle-mobile{
    display: none;
}

.sponcers {
    margin-top: 35px;
} 

.sponcers .blk{
    width: 100% !important;
    /*text-align:center;*/
}

.sponcers .blk.support:first-child{
    margin-bottom: 45px;
}

.sponcers ul li:last-child img{
    margin-top: 0 !important;
}


footer .cpyryt{
    padding: 5px 0;
    line-height: 20px;
}

@media screen and (max-width : 443px){
    footer .bottom .blk{
        width: 100% !important;
        height: auto;    
        margin-top: 0px;
    }

    footer .bottom .blk:nth-child(1){
        margin-top: 20px;
    }
} 




@media screen and (max-width : 346px){
    footer .bottom .blk ul{
        width: 100%;
    }
}