/*
* DESKTOP OVERRIDES
*/

@font-face {
    font-family: 'icomoon';
    src:url('/fonts/icomoon.eot?k0ivdl');
    src:url('/fonts/icomoon.eot?k0ivdl#iefix') format('embedded-opentype'),
        url('/fonts/icomoon.ttf?k0ivdl') format('truetype'),
        url('/fonts/icomoon.woff?k0ivdl') format('woff'),
        url('/fonts/icomoon.svg?k0ivdl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clearfix { display: block; }
    .clearfix:after { 
        content: "";
        display: block;
        float: none;
        clear: both;
}
.clearfix.overflow { display: block!important; overflow: hidden; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

div.box.w675 div.blackinfo { 
    /*margin-top: -26px; */
    margin-top: 0;
    position: relative; 
    z-index: 400;
}

div.littlebox {     
    padding-bottom: 11px;
    padding-top: 4px; 
}
div.littlebox:last-child {border-bottom: 1px solid #efefef;}

a.fancybox-next { right: 0; }
a.fancybox-prev { left: 0; }

a.fancybox-nav { width: 100px;}
a.fancybox-nav span { 
    display: block; 
    opacity: 0.6;
}
.fancybox-inner:hover a.fancybox-nav span {visibility: visible;}
a.fancybox-nav:hover span { opacity: 1; visibility: visible; }


div.gray { overflow: hidden; }

input[type="text"],
input[type="password"],
input[type="submit"],
textarea { 
    -webkit-appearance: none; 
    border-radius: 0;
}

div#header { 
    background-image: url("../gfx/bg_header_v2.jpg"); 
    position: relative;
}
    div#header .header-center-img { 
        width: 150px;
        display: block; 
        position: absolute;
        top: 10px;
        left: 50%;
        margin-left: -75px;
        z-index: 5;
    }


div#facebook-box { height: 170px; width: 100%;}

.grid-sizer { width: 100%; }

div#center { float: right; }
.relative { position: relative; }


.recommended-galleries {}
    .recommended-galleries .clearfix { 
        width: 100%!important; 
        height: auto!important; 
    }
    .recommended-galleries .relative img { 
        display: block;
        width: 100%;
        height: auto;
    }
    .recommended-galleries div#cat-title {
        width: 100%!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .recommended-galleries .thumbs { overflow: hidden; width: 100%; }
    .recommended-galleries .thumbs img {
        width: calc( (100% - 12px)/4 );
        display: block;
        float: left;
    }

.mostviewed-galleries {}
    .mostviewed-galleries .thumbs { overflow: hidden; width: 100%; }
    .mostviewed-galleries .thumbs img {
        width: calc( (100% - 12px)/4 )!important;
        display: block;
        float: left;
    }

    .mostviewed-galleries .bottom { overflow: hidden; width: 100%;}

    .mostviewed-galleries .bottom .clearfix a {
        width: calc( (100% - 12px)/4 )!important;
        display: block;
        float: left;
        margin-right: 4px;
    }
    .mostviewed-galleries .bottom .clearfix a:last-child { margin-right: 0; }
    

#btn-toggle-nav { display: none; }
#btn-toggle-login { display: none; }

div.relatedinfo > div {
    float: left;
    width: 330px;
}
    div.relatedinfo > div:nth-child(2n+1) { margin-right: 15px; }

.gallery-imgwrapper { }
        .gallery-imgwrapper {
            margin-left: -3px;
            margin-right: -3px;
        }
        .gallery-imgwrapper:after {
            content: "";
            display: block;
            clear: both;
        }
        .gallery-imgwrapper > div  {
            width: 20%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 3px;
            float: left;
            margin-bottom: 6px;
        } 
        .gallery-imgwrapper img { 
            margin: 0px; 
            display: block;
            width: 100%;
            height: auto;
        }

    .gallery-imgwrapper.col-10 > div { width: 10%!important; }
    .gallery-imgwrapper.col-10 > div img { width: 100%!important; height: auto!important; }
table.responsive { width: 100%!important; }
table.responsive.list { width: calc(100% - 10px)!important; }
table.responsive .tdTitle { display: none; }

.banner-item { display: inline; }

/*
a.fancybox-prev,
a.fancybox-next { width: 70px!important; }
*/

/*
* TABLETS
*/

@media(max-width: 989px){

    .flash-wrapper,
    .flash-wrapper_ { display: none; }
    object { display: none; }

    .clearwidth { width: 100%!important; }
    .grid-sizer { width: calc( (100% - 15px)/2 ); }
    .hidden-sm { display: none!important; }

    div#container { 
        margin-left: auto; 
        margin-right: auto; 
        max-width: 619px;
    }
    div#container2 {
        width: 100%;
    }

    #loginbar {
        background: #dfdfdf;
        border-bottom: 1px solid #fff;
        display: none;
        padding: 5px 20px;
    }
        #loginbar p { 
            color: #5da631;
            font-size: 14px;
            font-family: "Trebuchet MS";
            text-transform: uppercase;
            display: inline-block;
            line-height: 18px;
        }
        #loginbar form { display: inline-block; }
        #loginbar input[name="nick"] { width: 145px; }
        #loginbar input { margin-bottom: 0; }

    div#header { 
        width: 100%; 
        background-position: top center;
        position: relative;
    } 
    #btn-toggle-nav,
    #btn-toggle-login { 
        display: block;
        position: absolute;
        top: 20px; 
        cursor: pointer;
    }
    #btn-toggle-nav:hover:before,
    #btn-toggle-login:hover:before { color: #2e7a00; }
    #btn-toggle-nav { right: 20px; }
    #btn-toggle-login { right: 50px; }
    #btn-toggle-nav:before,
    #btn-toggle-login:before { 
        font-family: 'icomoon';
        display: inline-block;
        font-size: 26px;
        line-height: 26px;
        color: #67a33f;
    }
    #btn-toggle-nav:before { content: "\e800"; }
    #btn-toggle-login:before { content: "\e801"; }

    div#header-left, 
    div#header-right { 
        width: 35%; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    } 
    /*
    div#header .header-center-img { width: 30%; }
        div#header .header-center-img img { margin-left: 2px; }
    */
    div#header-left { padding-left: 20px; }
    div#header-right { display: none; }

    div#menu {
        display: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #67a33f;
        border-bottom: 1px solid #fff;
        padding: 5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        div#menu a.first {margin-left: auto;}
        div#menu a {
            display: inline-block;
            float: none;
            width: auto!important;
            padding: 8px 11px 8px 11px;
        }
        div#menu a:hover,
        div#menu a[class*='active'] { 
            background: #dfedd6;
            border: 1px solid #fff;
            border-radius: 4px;
            padding: 7px 10px 7px 10px;
        }


    div#menu {
        padding-left: 10px;
        padding-right: 10px;
    }
        div#menu a { 
            display: block; 
            border-bottom: 1px solid #94c876;
            text-align: left;
            padding: 8px 10px 8px 10px;
        }
        div#menu a:last-child { border-bottom: none!important; }
        div#menu a:hover,
        div#menu a[class*='active'] { 
            background: #dfedd6;
            border: none;
            border-bottom: 1px solid #94c876;;
            border-radius: 0px;
            padding: 8px 10px 8px 10px;
        }


    div.submenu { } 
        div.submenu a { 
            display: inline-block; 
            float: none;
            padding-top: 2px;
            padding-bottom: 2px;
        }

    div#search { 
        width: 100%; 
        background-position: top center;
        border-radius: 0 0 10px 10px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        div#search div.fright { width: auto; }

    div#content { display: block; }

    

    div#mainleft, 
    div#insideleft { 
        width: 100%; 
        float: none;
    }

    div#insideleft .box img { 
        max-width: 100%;
        height: auto; 
    }
    div.detailinfo.little { 
        max-width: 100%!important;
        overflow: hidden;
    }

    div.box { 
        width: 100%!important; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.box { 
        background: none!important; 
        border: 1px solid #bfbfbf;
        border-radius: 10px;
    }
        div.box div.top { background: none!important; }
        div.box div.bottom { 
            background: none!important;
            width: 100%!important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; 
        }
        div.box div.gray {
            width: 100%!important;
            
        }
    div.box.w675 {}
        div.box.w675 h2 a { 
            display: block; 
            text-overflow: ellipsis; 
            height: 17px;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
        }
        div.box.w675 .fright {
            width: calc(100% - 288px);
        }



    div#center { 
        width: calc(100% - 317px); 
    }

    div.relatedinfo > div {
        float: left;
        width: calc( (100% - 15px)/2 );
    }
    
    .pager {margin-bottom: 10px;} 
        .pager .pagecounter {
            float: none!important;
            text-align: center;
            margin-bottom: 2px;
        }
        .pager .pagecounter strong,
        .pager .pagecounter a { font-size: 15px; line-height: 17px; }
        .pager .pagecounter + span { display: block; text-align: center; }

    .commentbox {}
        .commentbox .fright.w210 { width: 210px!important; }
        .commentbox .gray {padding-bottom: 5px;}
        .commentbox .resizable-textarea {
            width: calc(100% - 215px);
            float: left;
        }

    .commentlines,
    .commentlines > div,
    .commentlines .w653 {
        width: 100%!important;
        display: block!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .resizable-textarea {}
        .resizable-textarea textarea {
            width: 100%;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .resizable-textarea .grippie { display: none; }
    
    .relatedinfo.news-bottom { 
        width: calc( (100% - 15px)/2)!important;
    }

    div#left { width: 302px; }

    div#right { 
        width: 100%; 
        float: none;
        margin-left: 0;
    }
    div#right div.box,
    div#right div#facebook-box { 
        width: 302px!important; 
        float: none!important;
        overflow: hidden;
    }

    div#facebook-box iframe { width: 100%!important; }



    div#sponsors { width: 100%; }
    div#footer { width: 100%; }
    div#footer-text span { display: block; }

    #lpopup-container-gallery { 
        max-width: 80%; 
        height: auto;
    }

    .wide-banner-wrapper { text-align: center; }
    .wide-banner { 
        display: inline-block;
        width: 100%!important; 
        box-sizing: border-box;   
    }
    .wide-banner img { 
        display: inline-block;
        width: auto;
        height: auto;
        max-width: 100%;
    }
}


/*
* MOBILES
*/

@media(max-width: 618px){

    .banner-item { 
        text-align: center; 
        display: block; 
        margin-bottom: 10px; 
    }

    .clearfix { position: relative; }
    .hidden-xs { display: none!important; }

    .clearwidth-xs { 
        width: 100%!important; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flash-wrapper {
        position: relative;
        padding-bottom: 82.5%;
        height: 0;   
    }

        .flash-wrapper object,
        .flash-wrapper embed {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%!important;
            width: 100%!important;
        }


    div#content,   
    div#sponsors,
    div#footer { 
        padding-left: 20px;
        padding-right: 20px; 
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #loginbar {}
        #loginbar form { 
            display: block;
            text-align: left;
            overflow: hidden;
        }
        #loginbar form a { display: inline-block; margin-top: 3px; }
        #loginbar input[name="nick"],
        #loginbar input[name="pass"] { 
            width: 100%!important; 
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            margin-bottom: 4px;
        }
        #loginbar input[name="submit_login"] {
            float: right;
        } 

    div#header div#header-left a {
        display: inline-block;
        font-size: 0px!important;
        padding: 0;
        width: 25px;
        height: 25px;
        margin-right: 2px;
    }


    div.submenu {
        padding-left: 15px;
        padding-right: 15px;
    } 

    div#search {
        height: auto;
        border-radius: 0;
        background: #171717;
        padding: 10px 20px;
    }
        div#search form {
            float: none;
            overflow: hidden;
            width: auto;
        }
        div#search table,
        div#search tbody,
        div#search thead,
        div#search tr, 
        div#search th, 
        div#search td  {
            width: 100%;
            display: block;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        div#search tr td:last-child { text-align: right; }
        div#search div.fright { 
            width: auto!important; 
            float: none;
            padding: 0;
        }
        div#search span { 
            padding-bottom: 2px; 
            display: block;
        }
        div#search input[type="text"],
        select { width: 100%; }

    div.box img { 
        width: 100%;
        height: auto;
    }
    div.box img.pointer {
        width: auto;
    }

    div.box.w675 { }
        div.box.w675 .fleft { display: none; }
        div.box.w675 .fright { width: 100%; }

    div.relatedinfo > div {
        float: left;
        width: 100%;
    }

    div.detailinfo.little { overflow: hidden; }
    div.detailinfo span.links { 
        width: 100%;
        float: none;
        display: block; 
        overflow: hidden;
        padding-top: 10px;
    }
    div.detailinfo span.links a { 
        display: block; 
        text-align: center;
        float: none;
    }

    .commentbox {}
        .commentbox .fright.w210 { width: 100%!important; }
        .commentbox .resizable-textarea {
            width: 100%!important;
            float: none;
            height: auto!important;
            padding-top: 10px;
            clear: both;
        }
        .commentbox input[type="submit"] { width: auto; float:right; }
        .commentbox input[type="text"] {
            width: 100%!important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .commentbox input[type="password"] {
            width: calc( 100% - 30px )!important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .commentbox a { display: inline-block; margin-top: 3px; }

    .relatedinfo.news-bottom { 
        width: 100%!important;
    }

    .gallery-list {}
        .gallery-list .relatedinfo h3.ttnone { height: auto!important; }

    .gallery-imgwrapper.col-10 > div { width: 20%!important; }

    div#center { 
        float: none;
        margin: 0 0 20px 0; 
        width: 100%;
    }
    div#left { 
        float: none;
        margin: 0 0 20px 0; 
        width: 100%;
    }

    div#right {}
        div#right div.box, 
        div#right div#facebook-box { width: 100%!important; }


    div.gray_title, 
    div.news_title { 
        margin: 0; 
        top: auto;
        left: 0;
        bottom: 0;
        width: calc( 100% - 10px );
    }

    div.box form[name="formProgSearch"] {}
        div.box form[name="formProgSearch"] table { width: 100%; }
        div.box form[name="formProgSearch"] input[type="text"],
        div.box form[name="formProgSearch"] select { 
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        div.box form[name="formProgSearch"] input.w145 { width: calc( 100% - 35px ); }
        div.box form[name="formProgSearch"] input.w180 { width: 100%; }

    div.box form[name="formVote"] {}
        div.box form[name="formVote"] #vote { 
            width: 100%!important;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

    .userform { 
        overflow: hidden;
        margin: 0 5px;
    }
        .userform > table,
        .userform table tbody,
        .userform table thead,
        .userform table tr, 
        .userform table th, 
        .userform table td  {
            width: 100%;
            display: block;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        .userform table tr td:first-child { padding-bottom: 2px; } 
        .userform table tr td:last-child { padding-bottom: 10px; } 
        .userform table input[type="text"],
        .userform table input[type="password"],
        .userform table textarea,
        .userform table select { 
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%; 
        } 

        .userform table table { display: table!important; float: none!important; }
        .userform table table thead { display: table-header-group!important; float: none!important;}
        .userform table table tbody { display: table-row-group!important; float: none!important;}
        .userform table table tr { display: table-row!important; float: none!important;} 
        .userform table table th { display: table-cell!important; float: none!important; width: auto!important;} 
        .userform table table td  { display: table-cell!important; float: none!important; width: auto!important; padding-bottom: 2px!important;}


    #footer { 
        position: relative; 
        padding-bottom: 40px;
    }
    #footer .wslogo {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-left: -60px;
    }
        #footer .wslogo img {
            width: 100px;
            height: auto;
        }

    #footer-text { text-align: center; }
    #footer-text span {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0!important;
        margin-bottom: 10px;
    }

    table.responsive {}
        table.responsive .tdTitle { display: inline-block; font-weight: bold;}
        table.responsive,
        table.responsive tbody,
        table.responsive tr, 
        table.responsive th, 
        table.responsive td  {
            width: 100%;
            display: block;
            float: left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        table.responsive thead { display: none; }
        table.responsive td { 
            padding-top: 0; 
            padding-bottom: 0;
        }
        table.responsive tr {
            padding-top: 5px;
            padding-bottom: 5px;
        } 

}




@media(min-width: 768px){
    
}
@media(min-width: 990px){
    #loginbar { display: none!important; }
    #menu { display: block!important; }
}

@media(max-width: 767px){
    .hidden-xs { display: none!important; }

}
@media((min-width: 768px) and (max-width: 989px)){
    .hidden-sm { display: none!important; }
}
@media( min-width: 990px)){
    .hidden-md { display: none!important; }
}


@media(max-width: 767px) and (orientation: portrait) {
    .fancybox-wrap {
        margin: 5px !important;
        padding: 5px 5px 10px 5px !important;
        width: calc(100% - 20px) !important;
        height: auto !important;
        max-height: 100% !important;
    }

    .fancybox-inner {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }

    .fancybox-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }

    a.fancybox-close {
        position: absolute !important;
        top: -49px !important;
        right: 4px !important;
    }
}



@media (max-width: 767px) and (orientation: landscape){
    .fancybox-wrap {
        margin: 0 5px !important;
        padding: 5px 5px 10px 5px !important;
    }
}