@font-face {
    font-family: 'LinotypeUnivers';
    src: url('../../uploads/files/_font/linotypeunivers410cm.eot');
    src: url('../../uploads/files/_font/linotypeunivers410cm.eot?#iefix') format('embedded-opentype'),
        url('../../uploads/files/_font/linotypeunivers410cm.woff') format('woff'),
        url('../../uploads/files/_font/linotypeunivers410cm.ttf') format('truetype'),
        url('../../uploads/files/_font/linotypeunivers410cm.svg#linotypeunivers410cm') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,html {min-height:100%;}

body{font-size: 12px; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif; line-height: 1.4; background: #212225; color: #fff;}
ul, li, dl, dd, dt{list-style-type: none; margin: 0; padding: 0}
p{margin: 0; padding: 0}
a{text-decoration: none; color: #00adef;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0; font-family: LinotypeUnivers, Tahoma, Arial;text-shadow: 0 1px 0 rgba(0,0,0,0.01); font-weight: normal}
h2 {font-size:25px; padding:0 0 10px 0; }


.bgr{}
.wrapper{width: 1008px; margin: 0 auto; position: relative}


/* ======================= top header ======================= */
.topbar{height: 60px; padding: 10px; background-color: #111112;
        -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nav{font-size: 16px; font-family: Georgia;}
.nav li{float: left; position: relative; line-height: 40px;}
.nav li a{display: block; float: left; height: 40px;padding: 0 17px; color: #ebebeb;}
.nav li a:hover{ background-color: #fff; color: #212225;}
.nav li .currentpage{ background-color: #fff; color: #212225;}
.nav li .nav-archive-arrow{background: url('../../uploads/images/_design/arrow-down.png') right no-repeat; display: inline-block; height: 40px; padding-right: 24px}
.nav .nav-archive-hover{background-color: #fff; color: #212225;}
.nav .nav-archive-hover a{background-color: #fff !important; color: #212225 !important;}

.flyout-box{ position: absolute; top: 40px; left: 0px; background-color: #fff; width: 965px; padding: 16px 0 0 0; font-size: 12px;z-index: 900 !important;
             box-shadow: 0px 10px 10px 0px rgba(3,3,3,0.75);
             -webkit-box-shadow: 0px 10px 10px 0px rgba(3,3,3,0.75);
             -moz-box-shadow: 0px 10px 10px 0px rgba(3,3,3,0.75);
             display: none
}
.flyout-box ul{width: 752px; display: block; float: left}
.flyout-box ul li{float: left}
.flyout-box ul li a{width: 186px; border: 1px solid #fff; display: block; float: left; height: 51px;line-height: 17px; color: #212225; padding: 0;}
.flyout-box ul li a:hover{border: 1px solid #c4c4c4; background-color: #fff;}
.flyout-box .archive-title{line-height: 17px; padding-top: 9px; width: 130px; overflow: hidden;color: #212225; font-weight: bold; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif;  }
.flyout-box .archive-date{line-height: 17px;  width: 130px; overflow: hidden;color: #212225}
.flyout-box .archive-img{height: 35px; width: auto; float: left; margin: 8px 8px 0 8px}
.flyout-box .archive-img img{}
.flyout-box .archive-current{float: left; margin: 0 20px 15px 20px; width: auto; line-height: 17px; padding: 10px 0 0px 20px; display: block !important; position: relative; height: auto; }
.flyout-box .archive-current .archive-title{line-height: 17px; padding: 14px 0 0 0; margin: 0 0px 0 0; display: block; clear: both; position: relative; text-indent: 0; overflow: hidden; color: #212225; width: 100%}
.flyout-box .archive-current .archive-date{line-height: 17px; overflow: hidden;color: #212225; margin-bottom: 25px; display: block}
.flyout-box .archive-current .archive-img{height: 151px; width: auto; margin: 8px 0px 0 0}
.flyout-box .archive-current .archive-img img{ width:auto; height:auto;}
.flyout-box .archive-active {border:1px solid #c4c4c4;}


.lang {float: right; height: 40px; line-height: 40px; font-size: 30px; font-family: LinotypeUnivers;}
.lang a{height: 40px; color: #ebebeb; padding: 0 14px;}

.topbar .cms_form{float: right; margin-right: 20px; padding-top: 4px;}
.topbar .cms_form label{display: none}
.topbar .cms_form .search-input{line-height: 20px; padding: 6px; border: none; background-color: transparent; font-size: 16px; font-family: Georgia; color: #ebebeb; text-align: right; margin-right: 8px;}
.topbar .cms_form .search-button{background: url('../../uploads/images/_design/search.png') center center no-repeat; width: 40px; height: 32px; border: none; border-left: 1px solid #ebebeb; text-indent: -9999px;}


.header{height: 98px; line-height: 98px; padding: 0 24px;}
.header h1{float: right; font-size: 32px; color: #232529;}
.header .logo{float: left;}


/* ======================= content ======================= */
.menu-container{width: 660px; float: left; padding-top: 25px; margin-bottom: 25px; font-size: 22px;}
.menu{ min-width:125px; float: left; font-size: 22px; display: block; text-transform: uppercase;}
.menu li{line-height: 25px; padding-right:60px;}
.menu li a{color: #fff;}
.menu li a:hover{color: #00adef;}
.menu .currentpage{color: #00adef;}

.countdown-box{float: right; padding-top: 30px; position: relative; margin-right: 55px; }
.countdown{width: 190px;}
.countdown li{float: left; font-size: 20px; line-height: 16px; white-space:nowrap}
.countdown li .countdown-value{font-size: 50px; display: block; line-height: 50px;}

.countdown-box h4{position: absolute; top: 46px; right: -42px; font-size: 22px;     
                  -moz-transform:    rotate(90deg);
                  -o-transform:      rotate(90deg);
                  -webkit-transform: rotate(90deg);
                  transform:         rotate(90deg);}
.thankyou{font-size: 55px; padding:35px 0; text-align: center; text-transform:uppercase;}
.slider{ width: 660px; overflow: hidden; margin-left: 0px; height: 270px; margin-left: 0px; background-color: #333;}
.slider-inner{width: 480px; margin-left: 90px; position: relative; background-color: #333}
#slider-next{position: absolute; top: 0; right: -90px; height: 100%; width: 90px; bottom: 0; background: url('../../uploads/images/_design/slider-control.png')}
#slider-next a{position: absolute; top: 0px; right: 0px; height: 100%; width: 90px;  bottom: 0; background: url('../../uploads/images/_design/slider-next.png') center center no-repeat;}
#slider-prev{position: absolute; top: 0; left: -90px; height: 100%; width: 90px;  bottom: 0; background: url('../../uploads/images/_design/slider-control.png')}
#slider-prev a{display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 90px;  bottom: 0; background: url('../../uploads/images/_design/slider-prev.png') center center no-repeat;}

.slider-details{position: relative;border-bottom: 3px solid #4e4e53; padding: 16px 0 20px 0; line-height: 19px; font-size: 12px; height: 86px; 
                -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;
}
.slider-pager{position: absolute; top: 27px; left: 30px; font-size: 25px; line-height: 25px;font-family: LinotypeUnivers, Tahoma, Arial;}
.slider-details h3{font-size: 25px; line-height: 28px; width: 380px; padding-top: 7px;}
.slider-link{color: #00adef; text-decoration: underline; font-family: Georgia, serif; width: 380px;}
.slider-info{margin-left: 120px;}
.button{line-height: 38px; padding: 0 14px; background-color: #00adef; text-transform: uppercase; right: 0; position: absolute; top: 23px; color: #fff;}
.slider-info-in{display: none}
.slider li{background-color: #333 !important; position: relative}
.slider-details h3 a{color: #fff}
.slider .datetime{position: absolute; left: 20px; bottom: 20px; font-size: 20px;font-family: LinotypeUnivers, Tahoma, Arial;}
.slider .datetime .time{background-color: #232529; color: #fff;}
.slider .datetime .day{background-color: #fff; color: #232529;}
.slider .datetime span{display: block; line-height: 38px; padding: 0 12px; float: left}

.main{background-color: #212225; padding: 0 24px;}
.main-title{line-height: 57px; border-bottom: 7px solid #4f4f54; font-size: 22px;font-family: LinotypeUnivers;text-shadow: 0 1px 0 rgba(0,0,0,0.01);}
.main-title .sponzor {margin-right:15px;}
.main-title .social {float:right; margin-top:12px;}
.main-title h3{color: #00adef; padding-right: 25px; display: inline-block; font-size: 22px;}
.main-title .main-title-date{color: #fff}
.main-header{border-bottom: 2px solid #4e4e53; margin-bottom: 28px;font-family: LinotypeUnivers;text-shadow: 0 1px 0 rgba(0,0,0,0.01);}
.main-footer{ border-top: 7px solid #4f4f54;clear: both; padding-top: 3px; min-height: 50px; line-height: 35px; }
.main-footer .sponzor {font-size:100%;}




.social{margin-bottom: 27px;}
.social li{float: left; height: 35px;  margin-right: 3px; overflow: hidden}
.social li a{display: block}
.social li a:hover{margin-top: -35px;}

.note {padding: 10px; margin-bottom:10px;}
.content{float:  left; width: 660px; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif; }

.page-title{height: 84px; margin-top: -28px; }
.page-title h2{line-height: 84px; color: #fff; font-size: 40px;padding: 0 5px;}
.page-title-links{float: right; }
.page-title-links li{float: left; padding: 25px 0; margin-right: 40px;}
.page-title-links li a{padding-left: 25px; background: url('../../uploads/images/_design/download.png') left no-repeat; line-height: 34px; display: block;
                       color: #fff; font-family: Georgia, serif;
}
.page-title-links li a:hover{text-decoration: underline}

.page{background-color: #fff; color: #232529; line-height: 19px; padding-top: 20px; margin-bottom: 30px; font-size: 13px;}
.page p{margin-bottom: 19px;}
.page a{color: #00adef; text-decoration: underline; font-family: Georgia, serif;}
.page img{margin-bottom: 19px; height: auto; display: block}
.page h1,.page h2,.page h3,.page h4,.page h5,.page h6 {color: #232529;}
.page h1{line-height: 40px; padding: 0px 0 20px 0; font-size: 35px; border-bottom: 1px solid #909092; margin-bottom: 18px;}
.page h2{line-height: 40px; padding: 0px 0 20px 0; font-size: 35px; border-bottom: 1px solid #909092; margin-bottom: 18px;}
.page .no-border{margin-bottom: 0px; border: none;}

.page h3{line-height: 30px; font-size: 25px; margin-bottom: 20px; font-weight: bold}
.page h4{line-height: 30px; font-size: 20px; margin-bottom: 15px; font-weight: bold}
.page h5{line-height: 30px; font-size: 15px; margin-bottom: 10px; font-weight: bold}
.page h6{line-height: 30px; font-size: 15px; margin-bottom: 10px; font-weight: bold}

.page li{line-height: 19px; background: url('../../uploads/images/_design/li.png') 0 10px no-repeat; margin-bottom: 19px; text-indent: 10px;}
.page ul{margin-bottom: 19px;}

.aside{float: left; width: 122px; margin-left: 30px; padding-top: 8px;}
.aside img{margin-bottom: 30px;}
.aside-header{ padding: 12px 0 30px 0; margin-top: -8px; font-size: 12px; border-bottom: 1px solid #909092; margin-bottom: 18px;}
.aside-header a{color: #232529 !important; text-decoration: underline; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif;}
.aside-header a:hover{text-decoration: none}

.aside dl{line-height: 19px;}
.aside dd{margin-bottom: 19px;}
.article{float: right; width: 450px; margin-right: 30px;}
.article iframe,.article object,.article object {width:100%}
.article-footer{ border-top: 1px solid #909092; padding-top: 22px; margin-bottom: 30px;font-size: 11px !important;}
.breadcrumb a{color: #232529 !important;font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif;  text-decoration: underline}
.breadcrumb a:hover{text-decoration: none}

.partners{margin-left: 30px; clear: both}
.partners h3{font-size: 20px; color: #212225; margin-bottom: 20px; padding-top: 8px; font-weight: normal}

.sponzor {float:right;  font-size:60%; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif;}

.partnes-two{float: left; width: 285px; margin-left: 30px; clear: none}
.partner{width: 180px; float: left; height: 115px; margin-right: 30px;}
.partner h4{font-size: 11px; color: #232529; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif; margin-bottom: 14px; line-height: 15px; font-weight: normal!important}
.featured-img{margin-top: -18px;}
.list{margin: 0 !important;}
.list li{margin: 0 !important; text-indent: 0; background-image: none; line-height: 19px; font-size: 13px;}
.list li a{display: block; line-height: 20px; padding: 7px 30px; background-color: #fff; border-bottom: 1px solid #212225; color: #232529; font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif; }
.list li a .list-text{width: 520px; display: inline-block}
.list li a .list-hint{display: none; float: right}
.list li a:hover .list-hint {display: block}
.list li a:hover{background-color: #f8484d}

.gallery{margin: 0 !important;}
.gallery li{width: 219px;height: 142px; position: relative; margin: 0 1px 1px 0 !important; line-height: 25px; font-size: 22px; text-indent: 0; background-image: none; float: left}
.gallery li img{display: block; position: absolute; top: 0; left: 0;}
.gallery-info{display: table-cell;width: 219px;height: 142px;vertical-align: middle; position: relative; font-family: LinotypeUnivers; line-height: 25px; font-size: 22px; text-decoration: none !important; text-align: left; color: #fff !important}

.gallery-overlay{display: block;width: 219px;height: 142px;position: absolute; background-color: #f8484d; top: 0; left: 0;}
/*.gallery-info:hover{background-color: transparent; zoom: 1}*/
.gallery-info h4{font-size: 22px; line-height: 25px; padding-left: 30px; text-decoration: none; text-align: left;color: #fff !important; font-weight: normal}


.gallery-detail{margin: 0 !important;}
.gallery-detail li{width: 219px;position: relative; display: block; margin: 0 1px 1px 0 !important; text-indent: 0; background-image: none; float: left}
.gallery-detail li img{display: block;}


.tabs-menu{height: 50px}
.tabs-menu li{display: block; width: 131px; margin-right: 1px; line-height: 49px; background-color: #f8484d; float: left}
.tabs-menu li a{display: block; width: 131px; line-height: 49px; border-bottom: 1px solid #212225; background-color: #f8484d; float: left; text-align: center; color: #212225;}
.tabs-menu .current a{border-bottom: 1px solid #fff; background-color: #fff;  color: #f8484d;}


.tabs-page{background-color: #fff; padding: 30px 30px 1px 30px;}

.program-header{ line-height: 25px; border-bottom: 1px solid #212225;}
.program-header h3{line-height: 25px;padding: 0px 0 31px 0; float: left; width: 50%; font-size: 22px; color: #232529;font-weight: normal }
.program-header-info{float: right; line-height: 25px;padding: 0px 0 31px 0; width: 45%; text-align: right}


table{width: 100%; font-size: 12px; line-height: 19px; margin-bottom: 38px;font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif; vertical-align: top}
td{border-bottom: 1px solid #d3d3d3; padding: 9px 9px 9px 0; vertical-align: top}



.news-item{padding-top: 19px; clear: both; border-bottom: 1px solid #4e4e53; line-height: 17px; font-size: 12px;}
.news-item img{float: left; margin-right: 25px; margin-bottom: 30px; display: block}
.news-item h3{font-size: 30px;color: #fff; line-height: 35px; margin-bottom: 5px;}
.news-item h3 a{color: #fff; text-decoration: none}
.article .news-item {border-bottom:0 none;}
.article .news-item h3 a {color:#6ecdc8;}
.article .news-item img {margin-bottom: 0; float:left;}
.news-item a{color: #fff;}
.news-detail{float: left; width: 105px; font-size: 11px; line-height: 19px;}
.news-detail a{color: #00adef; text-decoration: underline; font-family: Georgia, serif; font-size: 12px;}
.news-detail a:hover{text-decoration: none}
.news-content{float: left; width: 352px; margin-bottom: 32px;}
.news-all{line-height: 70px; text-align: left; padding-left: 195px;}
.news-all a{color: #00adef; font-size: 16px;font-family: Georgia, serif; text-decoration: underline}
.news-all a:hover{text-decoration: none}
.pagination {padding:10px 10px; text-align:left;}
a.archive-current.archive-active {color:#6ecdc8}




/* ======================= sidebar ======================= */
.sidebar{float: right; width: 270px;text-shadow: 0 1px 0 rgba(0,0,0,0.01); padding-bottom: 30px;}
.sidebar-box{margin-bottom: 25px; }

.infobox{background-color: #00adef; padding: 10px 30px 20px 30px; font-size: 22px; line-height: 16px;font-family: LinotypeUnivers; color: #232529;}
.visible-xs .infobox  {margin-bottom:0;}
.infobox-title{line-height: 20px;display: block;font-size: 22px; padding: 15px 0; font-weight: normal; border-bottom: 1px solid #20262b}
.infobox-date{line-height: 43px;display: block;font-size: 38px; padding: 10px 0; font-weight: normal; border-bottom: 1px solid #20262b}
.infobox-location{line-height: 20px;display: block;font-size: 22px;padding: 15px 0}
.infobox-topic{line-height: 38px; margin-bottom: 14px; display: block;font-size: 22px; background-color: #232529; color: #00adef; padding-left: 12px; font-weight: normal}
.infobox-more{font-size: 12px; color: #232529; font-family: Georgia, serif; text-decoration: underline}
.infobox-more:hover{text-decoration: none}
.newsletter{padding: 22px 30px 25px 30px; margin-bottom:0; background-color: #17181a}
.newsletter .nms_error {padding:0 0 10px 0; color:red;}
.newsletter h3{color: #fff; font-size: 30px; line-height: 30px; text-transform: uppercase; margin-bottom: 6px;}
.newsletter-row{height: 33px; background-color: #fff;}
.newsletter-submit{height: 33px; width: 33px; border: none;background: url('../../uploads/images/_design/newsletter.png') center center no-repeat; float: right}
.newsletter-input{width: 160px; line-height: 20px; padding: 6px 0 6px 12px; overflow: visible; border: none;}
.likebox{background-color: #333333; padding: 10px; margin-bottom:0;}
/* ======================= footer ======================= */
.footer{height: 95px; padding: 0 24px;}
.footer p{line-height: 16px; padding-top: 33px; color: #fff;}
.tema  .footer p {color:#000}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }




    .slider{display: none !important;}
    .topbar{display: none !important;}

    .newsletter{display: none !important;}
    .main-footer{display: none !important;}



}

.aform,.nform {position:relative;}
.loading {position:absolute; top:50%; left:50%; margin-top:-8px; margin-left:-8px;  width:16px; height:16px; background:url('../../uploads/images/_design/loader.gif?t=9')  no-repeat }
.cleaner {clear:both; height: 0; line-height: 0; font-size: 0; width: 1px;}

@media only screen and (max-width: 767px) {
    .header {height:auto;}
    .main-title .social  {/* display:none */margin-bottom: 0;}
    .sponzor {display:none;}
    .wrapper {width:auto;}
    .topbar {text-align: right;height:auto;float:left;width: 100%;}
    .nav li > a {height:auto; padding:0 5px;display: block;float: none;}
    .nav {float:none; }
    .lang {display: inline-block;float: left; margin-right:5px; font-size:200%;margin-top: 3px;height:auto;line-height: 1.4em;border: 1px solid #aaa;clear: both;}
    .lang a {height:auto; padding:10px;;}
    .topbar .cms_form {float: left;margin-right: 0; text-align:left;}
    .topbar .cms_form .search-input  {width:50%; }
    .topbar .cms_form .search-button, .topbar .cms_form .search-input {margin-right: 0;border: 1px solid #aaa;}
    .topbar .cms_form .search-button {height: 34px;}
    .main {position:relative;clear: both;padding: 0;}
    .slider-details,.slider  {display:none; }
    .content {width:auto;padding: 0 5px;float: none;}
    .news-all {padding-left:0;}
    .sidebar {padding-top: 10px;width:auto; float:none; clear:both;display: none;}
    .news-item h3 {clear:both;}
    .main-title {line-height: 2.5em;height: auto;}
    .main-title .visible-xs {font-family: "Lucida Grande CE", lucida, Tahoma, sans-serif;font-size: 70%;line-height: 1.3em; margin-bottom:10px; clear:both;padding-left: 5px;}
    .main-title .main-title-date {padding-right:0;padding-left: 5px;}
    .slicknav_nav ul {text-align: left;margin-left:0;white-space: nowrap;}
    .slicknav_nav ul li {float:left; width:50%;}
    .news-content {width:auto;}
    .article {width:auto;float: none; margin-right:0;}
    .page img {max-width:100%;}
    .aside {width:auto;float: none;margin-left: 0;}
    .aside-header {
        padding: 10px 0;
        margin-bottom: 10px;
    }
    .tabs-menu {height:auto;}
    .tabs-menu li {width:33%; }
    .tabs-menu li a {width:100%; line-height:2em;}
    .tabs-page {clear:both; padding:5px;}
    .program-header h3 {margin-bottom:0; padding:0 0 10px 0;}
    .gallery li {width: 33%; }
    .gallery-detail li {width: 49%;}
    .gallery-detail li a img {max-width:100%;height: auto;}
    .list li a .list-text {width:auto;}
    .thankyou {display:none}
    .menu-container {width:100%;}
    .menu {width: 46%;padding-left: 10px;}
    .countdown-box { position:relative;clear: both;float: none;margin-bottom: 10px;margin-left: 10px;}
    .countdown-box h4 {right:auto; left:170px}
    .nav li {float:left; width:50%;}
    .nav > ul {position:relative;}
    .nav > ul > li {position:static !important;}
    .flyout-box {width:100%;}
    .flyout-box ul {clear:both;width: 100%;}
    .flyout-box .archive-current {width:100%; margin:0;padding-left: 10px;border:0 none;}
    .flyout-box .archive-current .archive-img {float:left;width: 50px; height:auto;margin: 0 10px 0 0;}
    .flyout-box .archive-current .archive-img img {width:100%;}
    .flyout-box .archive-current .archive-title {clear:none;width: auto;}
}

.slicknav_menu {
    display:none;
}

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

    .visible-xs {
        display: block !important;
    }
    .hidden-xs {
        display: none !important;
    }

    /* #menu is the original menu */
    .nav {display:none;}
    .menu-container {
        /* display:none; */
        margin-bottom: 0;
    }

    .slicknav_menu {
        display: inline-block;
    }
}

.main-header .slicknav_menu {background:none; float:right; padding:0;font-size: 20px;}
.main-header .slicknav_btn {float: right;position: absolute;z-index: 10;right: 0;top: 5px;}
.main-header .slicknav_btn .slicknav_menutxt {font-weight:normal;}
.topbar .slicknav_menu {background:none;float: none;padding: 0;font-size: 21px;}
.topbar .slicknav_nav {position:absolute;background: #171717; left:0; width:100%; z-index:111;margin-top: 0;top: 60px;padding: 10px 0;}
.topbar .slicknav_btn {background: #666;margin:2px 0 0 0;}

#mobile-indicator {
    display: none;
}

@media (max-width: 767px) {
    #mobile-indicator {
        display: block;
    }
}