/*
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 : Jan 15, 2015, 10:24:09 AM
    Author     : Jafran
*/

.hide-ipad{
    display: none;
}

.show-ipad{
    display: block;
}

body { 
    min-width: 100%;
}

.wrapper{
    width: 100%;
    padding:  0 20px;
}

@media screen and (max-width : 1165px){    
    .middle .announce-call .announcement{
        width:40%;
    }

    .middle .announce-call .call{
        width: 30%;
    }
    .middle .announce-call .winner{
        width: 30%;
    }
}

@media screen and (max-width : 1073px){    
    .show-1073{
        display: block;
    }

    .hide-1073{
        display: none;
    }
}

@media screen and (max-width : 842px){    
    .middle .announce-call .announcement{
        width:40%;
    }

    .middle .announce-call .call{
        width: 30%;
    }
    .middle .announce-call .winner{
        width: 30%;
    }
}

@media screen and (max-width : 765px){    
    .middle .announce-call .announcement{
        width:100%;
        margin-bottom: 20px;
    }

    .middle .announce-call .call,
    .middle .announce-call .winner{
        width: calc(50% - 10px);        
        background: #0c1733 url(../img/icons/download15.png) no-repeat 15px center;
    }

    .middle .announce-call .call a,
    .middle .announce-call .winner a{
        padding-left: 53px;
    }

    .middle .announce-call .winner{
        margin-left: 20px;
    }

    .middle .announce-call .call:before,
    .middle .announce-call .winner:before{
        display: none;
    }
}

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

    .middle .announce-call .call a,
    .middle .announce-call .winner a{
        overflow: hidden;
        line-height: 15px;
    }

    .middle .announce-call .call a span,
    .middle .announce-call .winner a span{
        display: none;
    }
}


@media screen and (max-width : 645px){ 
    .container.committee .desc ul li.with-img .dtls h1{
        font-size: 14px;
    }
}



@media screen and (max-width : 435px){    
    .middle .announce-call .announcement{
        width: 100%;
    }

    .middle .announce-call .call,
    .middle .announce-call .winner{
        margin-top: 10px;
        width: 100%;
        background: #0c1733 url(../img/icons/download15.png) no-repeat 22px center;
        font-size: 12px;
    }  

    .middle .announce-call .winner{
        margin-left: 0;
    }

    .middle .announce-call .call a ,
    .middle .announce-call .winner a {
        height: auto;
        overflow: visible;
    }

    .middle .announce-call .call a span,
    .middle .announce-call .winner a span{
        display: inline-block;
        visibility: visible;
    }
}


header .bottom .menu > ul > li > a{
    min-width: 0 !important;  
    padding: 12px 8px;
    margin-right: 0px;
    width: auto;
}

@media screen and (max-width : 1000px){    
    .static .content {
        width: 100%;
    }

    .static .sidebar{
        display: none;
    }

    .mobile-pdf-dwnld{        
        display: inline-block;        
        line-height: 40px;
        background: #ede6d6;
        margin-bottom: 40px;
        color: #fff;
        padding: 0 20px 0 50px;
        background: #0f1d40 url(../img/pdf.png) no-repeat 10px center;
    }

    header .bottom .menu{
        padding-left: 20px !important;
    }

    header .bottom .menu > ul > li > a{
        padding: 10px 10px;
    }

    .show-1000{
        display: block;
    }

    .hide-1000{
        display: none;
    }

    .container.committee .menu{
        width: 32% !important;
    }

    .container.committee .desc{
        width: 68% !important;
    }

    .container.committee .descList ul{
        width: 100%;
    }


    .toggle-blk{
        height: 84px;
        width: 84px;
        position: absolute;
        top: 40px;
        right: 20px;
        top: 0;
        right: 0;
        padding: 40px 30px;
        background: #ede6d6;
        z-index: 1;
    }


    #toggle {
        display: block;
        width: 28px;
        height: 30px;
        position: absolute;
        /*margin: 30px auto 10px;*/
        cursor: pointer;                
        z-index: 10;
    }

    #toggle span:after,
    #toggle span:before {
        content: "";
        position: absolute;
        left: 0;
        top: -9px;
    }
    #toggle span:after{
        top: 9px;
    }
    #toggle span {
        position: relative;
        display: block;
    }

    #toggle span,
    #toggle span:after,
    #toggle span:before {
        width: 100%;
        height: 3px;
        background-color: #f36e64;
        transition: all 0.3s;
        backface-visibility: hidden;
        border-radius: 5px;
    }

    /* on activation */
    #toggle.on span {
        background-color: transparent;
    }
    #toggle.on span:before {
        transform: rotate(45deg) translate(5px, 5px);
        -webkit-transform: rotate(45deg) translate(5px, 5px);
    }
    #toggle.on span:after {
        transform: rotate(-45deg) translate(7px, -8px);
        -webkit-transform: rotate(-45deg) translate(7px, -8px);
    }
    #toggle.on + #menu {
        opacity: 1;
    }

    /*Toggle*/
    #new_select{
        display: block;
    } 

    #new_select #view{
        position: absolute;
        width: 235px;
        background: #0f1d40;
        top: 0;
        left: 0; 
        z-index: 999999;
        margin-top: 0; 
        /*box-shadow: 2px 2px 2px #ccc;*/

        transition: all .2s;
        -webkit-transition: all .2s;
    }

    #new_select #view:after{
        content:                " ";
        position: fixed;
        width:235px;
        height: 100%;
        z-index: -1;
        background: #0f1d40;
        top: 0;
    }

    #new_select #view .buttons{
        margin: 40px 0;
        text-align: center;
    }

    #new_select #view .buttons a{
        padding: 10px 20px;
        color: #fff;
        text-transform: uppercase;
        background: rgba(237, 230, 214, .2);
    }

    #new_select #view .buttons a:hover{
        background: #ed4b3f;
    }

    #new_select #view ul {
        margin: 0;
        padding: 0;
        list-style: none;
        padding-right: 10px;
    }

    #new_select #view ul li{
        transition: all .2s;
        -webkit-transition: all .2s;
    }


    #new_select #view > ul > li > a{

    }

    #new_select #view ul li a{
        font-size: 13px;
        text-transform: uppercase;
        margin: 12px 0;
        padding: 4px 20px;
        padding-left: 55px;
        display: block;
        font-weight: bold;
        color: #fff;
    }

    #new_select #view ul li > ul > li > a{
        font-size: 11px;
        font-weight: normal;
        color: rgba(255, 255, 255, 0.63);
        padding-left: 50px;
    }


    #new_select #view ul li.home a{
        background: url(../img/icons/home.png) no-repeat 25px center;
        background-size: 9%;
    } 

    #new_select #view ul li.about > a{
        background: url(../img/icons/help.png) no-repeat 25px center;
        background-size: 9%;
    }

    #new_select #view ul li.about ul li.progr a{
        background: url(../img/icons/progr.png) no-repeat 25px center;
        background-size: 10%;
    }

    #new_select #view ul li.about ul li.research a{
        background: url(../img/icons/research.PNG) no-repeat 26px center;
        background-size: 10%;
    }

    #new_select #view ul li.about ul li.date a{
        background: url(../img/icons/calendar.png) no-repeat 26px center;
        background-size: 9%;
    }

    #new_select #view ul li.rgist a{
        background: url(../img/icons/rgist.png) no-repeat 19px center;
        background-size: 13%;
    }


    #new_select #view ul  li.comm  > a{
        background: url(../img/icons/committes.png) no-repeat 24px center;
        background-size: 11%;
    }

    #new_select #view ul li.speaker > a{
        background: url(../img/icons/speaker.png) no-repeat 24px 0;
        background-size: 10%;
    }


    #new_select #view ul li.call > a{
        background: url(../img/icons/call.PNG) no-repeat 23px center;
        background-size: 11%;
    } 

    #new_select #view ul li.call ul li.online a{
        background: url(../img/icons/online.PNG) no-repeat 23px center;
        background-size: 13%;
    } 

    #new_select #view ul li.call ul li.guide a{
        background: url(../img/icons/guide.PNG) no-repeat 23px center;
        background-size: 12%;
    } 


    #new_select #view ul li.presentation{
        background: url(../img/icons/presentation.png) no-repeat 23px center;
        background-size: 20px;
    } 

    #new_select #view ul li.media > a{
        background: url(../img/icons/meda.PNG) no-repeat 25px center;
        background-size: 10%;
    } 


    #new_select #view ul li.media ul li.news a{
        background: url(../img/icons/news.png) no-repeat 23px center;
        background-size: 10%;
    } 

    #new_select #view ul li.media  ul li.photo a{
        background: url(../img/icons/small.png) no-repeat 25px center;
        background-size: 9%;
    } 

    #new_select #view ul li.media  ul li.video a{
        background: url(../img/icons/right.png) no-repeat 27px center;
        background-size: 8%;
    } 

    #new_select #view ul li.contact a {
        background: url(../img/icons/telephone.png) no-repeat 25px center;
        background-size: 9%;
    } 

    #new_select #view ul lia:hover{
        background: transparent !important;
    }

    #new_select #view ul > li > ul {
        padding-left: 20px;
    }

    #new_select #view ul li a.active {
        background-color: #37476f !important;
    }

    #new_select #view.off{
        transition: all .2s; 
        -webkit-transition: all .2s; 
        left: -235px;
    }


    #new_select .cntct {
        margin-top: 30px;
        padding: 10px 20px;
        background: #37476f;
    }

    #new_select .cntct span{
        display: block;
        line-height: 30px;        
        font-size: 12px;
        color: #fff;
        padding-left: 30px;
    }

    #new_select .cntct span:nth-child(1){
        background: url(../img/icons/phone.PNG) no-repeat left center;
    }

    #new_select .cntct span:nth-child(2){
        background: url(../img/icons/mail.PNG) no-repeat left center;
    }

    header .bottom{
        background: #fff;
    }

    header .top,header .bottom .menu{
        display: none;
    }

    header .bottom .logo{
        width: 220px;
    }

}


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


header .bottom{
    position: relative;
}

header .bottom .logo{
    width: 26%;
    height: 84px;
    position: relative;
}

/*header .bottom .logo img{
    width: 100%; 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); 
}*/

header .bottom .menu{   
    float: right;
    padding-left: 0%;
}

header .bottom .menu > ul{
    margin-left: 0px
}


header .bottom .menu > ul > li:nth-child(2) .sub:before {
    left: 18%;
} 


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

} 


@media screen and (max-width : 925px) and (min-width : 650px)  { 
    .middle .blk .news .single-news p{
        height: 70px;
        overflow:hidden;
        text-overflow:ellipsis;
        /*white-space: nowrap;*/   
    }
}

@media screen and (max-width : 790px){    
    header .bottom .menu > ul > li > a{
        padding: 12px ;
    }    
} 

header .bottom .menu > ul > li:first-child{ 
    margin-left: 0%;
    padding-left: 0;
}

header .bottom .menu > ul > li .sub:before{
    left: 29%;
}

footer .bottom .blk-1{
    width: 307px;
}

footer .bottom .blk-2{
    width: 294px;
}

footer .bottom .blk-3{
    width: 231px;
}

footer .top div.right{
    float: left;
}

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

    footer .bottom .blk{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    footer .bottom .blk-1{
        display: none; 
    } 

    /*    footer .bottom .blk-1{
            width: 473px;
        }*/

    .middle .blk-2 .block:nth-child(2) .desc div{
        float: none;
    }



}

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

    footer .bottom .blk-1{
        width: 301px;
    }
}


/*home*/
.spalsh .blk.left{
    width: 100%;
}

.middle .blk .news .single-news{
    padding: 10px 15px;
}

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

.middle .blk-1 .blk-title:before{
    background: url(../img/lightbulb-big.png) no-repeat center 43px;
    background-size: 28%;
}

@media screen and (max-width : 800px){
    .middle .blk .news .single-news{
        padding: 10px 15px;
    }

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

    .middle .blk-1 .blk-title:before{
        background: url(../img/lightbulb-big.png) no-repeat center 43px;
        background-size: 28%;
    }
}



@media screen and (max-width : 940px) and (min-width : 500px){
    .comments .blk{
        width: 64%;
        margin: 0 auto;
        float: none;
    }

    .comments .blk:first-child .img,.comments .blk:last-child .img{
        width: 26%;
    }

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

    .sponcers .list-out{
        width: 235px;
    }
    .sponcers .under{
        width: 200px;
    }
}

@media screen and (max-width : 800px) and (min-width : 500px){
    .comments .blk{
        width: 80%;
        margin: 0 auto;
        float: none;
    }

    .comments .blk:first-child .img,.comments .blk:last-child .img{
        width: 26%;
    }

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


.container.static .content p{
    padding-right: 0;
}



/*Submission*/
.container.submission input[type=text], .container.submission input[type=email], .container.submission textarea, .container.submission select{
    width: 100%;
} 

.container.submission label.big{
    line-height: 20px;
}

.sponcers .logo{
    width: 255px;
}

.sponcers .logo .aus,
.sponcers .logo .aus img{
    width: 100%;    
    max-width: 100px;
}

.sponcers .under{
    float: left;
}

.sponcers .under h1{
    margin-bottom: 13px;   
}



/*footer*/

@media screen and (max-width : 865px){
    .sponcers .blk.support {
        width: 65%;
    }

    footer .bottom .blk:nth-child(4){
        width: 10%
    } 

    .container.committee .menu{
        width: 45% !important;
    }

    .container.committee .desc {
        width: 55% !important;
    }

    .container.committee .descList.double ul{
        width: 100%;
        margin-left: 0;
    }
}

/*Bjqs*/
#banner-fade:hover ul.bjqs-controls.v-centered li.bjqs-next a{
    right: -18px;  
} 

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

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

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