@charset "utf-8";
/* 

*/

#topnav{
    position:relative;
    margin:0;
    padding:0;
    word-wrap:normal;
    white-space:normal;
    clear:both
}
#topnav ul:first-child{
    float:left;
    margin-top:-3px
}
#topnav ul{
    margin:0;
    padding:0;
    list-style:none;
    /*text-transform:uppercase;*/
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
#topnav ul ul{
    z-index:99999;
    position:absolute;
    width:190px;
    border:solid;
    border-width:0
}
#topnav ul ul ul, #topnav ul ul ul ul{
    left:190px;
    top:0
}
#topnav ul:first-child li:last-child > ul{
    right:0
}
#topnav ul:first-child > li:last-child li > ul{
    left:-190px
}
#topnav li{
    display:block;
    position:relative;
    float:left;
    margin:0;
    padding:0
}
#topnav ul:first-child li:last-child{
    margin-right:0
}
#topnav li li{
    width:100%;
    margin:0;
    text-transform:capitalize;
    border:solid;
    border-width:0 0 1px 0
}
#topnav li li:last-child{
    border-width:0
}
#topnav li a{
    display:block;
    padding:18px 17px;
    border-top:3px solid transparent
}
#topnav li li a{
    display:block;
    margin:0;
    padding:10px 15px;
    border-top:none
}
#topnav li a.drop:before, #topnav li.active a.drop:before{
    position:absolute;
    top:27px;
    left:14px;
    width:0;
    height:0;
    border:solid;
    border-width:5px 3px 3px 3px;
    border-color:transparent;
    content:""
}
#topnav li li a.drop:before, #topnav li.active li a.drop:before{
    top:16px;
    left:5px
}
#topnav ul ul{
    display:block;
    height:0;
    opacity:0;
    overflow:hidden;
    white-space:normal;
    word-wrap:break-word
}
#topnav ul li:hover > ul{
    height:auto;
    opacity:1;
    overflow:visible
}
#topnav ul li li:hover > a, #topnav ul li.active ul .active > a{
    -webkit-transition:background-color .2s ease-in-out;
    -moz-transition:background-color .2s ease-in-out;
    -ms-transition:background-color .2s ease-in-out;
    -o-transition:background-color .2s ease-in-out;
    transition:background-color .2s ease-in-out
}
#topnav ul ul{
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}
#topnav form{
    display:block;
    margin:0 auto;
    padding:30px 0
}
#topnav form select{
    display:block;
    width:100%;
    padding:8px;
    border:1px solid;
    cursor:pointer;
    outline:none
}
#topnav form select option{
    display:block;
    margin:10px;
    padding:0;
    cursor:pointer;
    outline:none;
    border:none
}

#topnav li a{
    color:#ffffff;
}
#topnav ul ul, #topnav li li{
    border-color:#333333
}
#topnav li li a, #topnav li.active li a{
    color:#FFFFFF;
    background-color:rgba(0,0,0,.6)
}
#topnav li a.drop:before{
    border-top-color:#686868
}
#topnav li:hover a.drop:before, #topnav li.active a.drop:before{
    border-top-color:#FFFFFF
}
#topnav form select{
    color:inherit;
    background:#EDEDED;
    border-color:#E1E1E1
}
.sidebar aside nav a{
    color:#666666;
    background-color:inherit;
    border-bottom-color:#E1E0DF
}

@-ms-viewport{
    width:device-width
}
 @media screen and (min-width:180px) and (max-width:615px) {
    #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright{
        max-width:90%;
        margin:0 auto
    }
    .imgl, .imgr, .fl_left, .fl_right{
        display:inline-block;
        float:none
    }
    [class^="col-"], [class*=" col-"], [class^="col-"].nogutter, [class*=" col-"].nogutter{
        display:block;
        float:none;
        width:auto;
        margin:0 0 5% 0;
        padding:0
    }
    #topbar .fl_left, #topbar .fl_right, #header .fl_left, #header .fl_right, #pageintro .fl_left, #pageintro .fl_right, #copyright .fl_left, #copyright .fl_right{
        display:block;
        width:auto;
        margin:0;
        padding:0
    }
    #topbar .fl_left, #header .fl_left, #pageintro .fl_left, #copyright .fl_left{
        margin-bottom:20px
    }
    #header, #header .right{
        text-align:center
    }
    #intro ul, #intro li{
        display:block;
        width:100%
    }
    #intro li{
        border-width:0 1px 1px 1px;
        border-color:inherit
    }
    #intro li:last-child{
        border-bottom:none
    }
    #comment-list .list li > ul{
        margin:0 0 0 20px;
        padding:0;
        list-style:none
    }
    .comment-wrapper .fl_left.w-10, .comment-wrapper .fl_left.w-90{
        display:block;
        width:100%;
        float:none
    }
    #p-footer [class^="col-"], #p-footer [class*=" col-"]{
        margin:50px 0 0 0
    }
    #p-footer [class^="col-"].first, #p-footer [class*=" col-"].first{
        margin:0
    }
}
 @media screen and (min-width:180px) and (max-width:850px) {
    #topnav ul{
        display:none
    }
}
 @media screen and (min-width:361px) {
    #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright{
        max-width:95%;
        margin:0 auto
    }
}
 @media screen and (min-width:1140px) {
    html.boxed .wrapper, #topbar, #header, #topnav, #pageintro, #intro, .container, .linkblock, #p-footer, #copyright, .boxedslider{
        max-width:1145px;
        margin:0 auto
    }
    html.boxed .wrapper{
        max-width:1200px
    }
    html.boxed #topbar, html.boxed #header, html.boxed #topnav, html.boxed #pageintro, html.boxed #intro, html.boxed .container, html.boxed .linkblock, html.boxed #p-footer, html.boxed #copyright{
        max-width:95%;
        margin:0 auto
    }
}
 @media screen and (min-width:851px) and (max-width:10000px) {
    #topnav form{
        display:none
    }
}
 @media screen and (max-width:850px) {
    .flex-homepage .flex-caption{
        position:absolute;
        top:20%;
        left:0;
        margin:0;
        padding:0
    }
    .flex-homepage .flex-caption .fc-hpage *{
        margin:0 0 4px 0
    }
    .flex-homepage .flex-caption .fc-hpage .font-xl{
        font-size:1.4em
    }
    .flex-homepage .flex-caption .fc-hpage .font-small{
        font-size:.85em
    }
    .flex-homepage .flex-caption .fc-hpage .button{
        margin:0
    }
}
 @media screen and (max-width:650px) {
    .res-table{
        display:block;
        width:100%;
        margin:0 0 30px 0;
        padding:0 0 15px 0;
        overflow:auto;
        overflow-x:scroll
    }
    .res-table table, .res-table .table{
        margin:0;
        padding:0;
        white-space:nowrap
    }
    .flex-caption{
        visibility:hidden;
        opacity:0;
        filter:alpha(opacity=0)
    }
}
 .speak-img{
    display:table;
    position:relative;
    float:left;
    margin-right:10px;
    padding:0;
    width:80px;
    height:93px;
    text-align:center;
     border:1px solid #000000;
     border-radius:49%;
     overflow:hidden;
}