html,
body {height: 100%;background: #eee;}
h1,h2,h3,h4,h5{color: #666;}

a{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration: none;
    /*color: #444*/;
}

a:hover{color: orange;text-decoration: none;}

/* Home Page Carousel */
#main-carousel {
    height: 600px;
    /*border-bottom: 30px solid #333;*/
    margin-bottom: 30px;
    position: relative;
    margin-bottom: -200px;
    z-index: 1;
}

#main-carousel .item,
#main-carousel .item.active,
#main-carousel .carousel-inner {height: 100%;}

#main-carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

#main-carousel .carousel-control {
    background:	rgba(0,0,0,0.5);
    color:	rgba(255,255,255,0.5);
    height: 30px;
    width:26px;
    bottom:0;
    opacity:1;
    text-shadow:none;
    top:0;
    left:auto;
}

#main-carousel .carousel-control:hover{background:	rgba(0,0,0,0.7);}
#main-carousel .carousel-control.right {right:0px;}
#main-carousel .right.carousel-control span{width: 80%;margin-top: -17px;}
#main-carousel .carousel-control.left {right: 26px;}
#main-carousel .carousel-control.left span{width: 80%;margin-top: -17px;}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}

.carousel-fade .carousel-control {z-index: 2;}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-overlay{
      position: absolute;

     /* background-image: url("../img/slider/pixels.png");*/
    width: 100%;
    height: 100%;
    z-index:500;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,eeeeee+100&0+48,1+100 */
    background: -moz-linear-gradient(top,  rgba(122,188,255,0) 0%, rgba(178,212,247,0) 48%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(122,188,255,0) 0%,rgba(178,212,247,0) 48%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(122,188,255,0) 0%,rgba(178,212,247,0) 48%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007abcff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.main-container{}

#braking-news {
    /*padding:5px;
    background: #eee;*/
    /*height: 380px;*/
    border-top: 2px solid orange;}

.central{margin-bottom: 15px;}
.contact-header{text-transform: uppercase; border-bottom: 1px solid #cfcfcf;}
.contact-inner{margin-left: 10px;}

.nav-tabs { border-bottom: 2px solid #DDD; font-size: 16px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #ff870a !important; background: transparent;}
.nav-tabs > li > a::after { content: ""; background: #ff870a; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}

.party{}
.party .header{padding: 10px;background: white;}
.party .council{background: white;margin:5px 0 5px 0;padding:10px;}
.party .party-color{margin: 5px 0 5px 0;padding: 5px 0 5px 0;border-bottom: 2px solid rgb(2, 166, 228);}
.party .info{margin: 5px 0 5px 0;padding: 5px 0 5px 0;border-bottom: 1px solid #ddd;}
.party .nopadding{padding-left:0!important;text-align: right;font-weight: bold;}
.party .center{text-align: center;}
#braking-news .carousel-control{background-image: none;bottom: 160px;top: 160px;}
#braking-news .carousel-caption{
    right: 0;
    left: 0;
    padding: 10px;
    bottom:0;
    background: rgba(0,0,0,0.8);
    text-shadow: none;
    text-align: left;
}
#braking-news .carousel-caption a{
    color: white;
    text-decoration: none;    
    font-size: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    text-transform: uppercase;
}

#braking-news .carousel-caption a:hover{color: orange;}

#braking-news .fill {
    min-height: 380px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* Side Aside Carousel */
#sideAsideCarousel{margin: 0 0 40px 0;}
#sideAsideCarousel .carousel-indicators {
    bottom:-40px;
    left:0;
    width:100%;
    background:#fff;
    padding: 6px 0px;
    margin-left:0;
    border-top:2px solid #fff;
}
#sideAsideCarousel .carousel-indicators li {
    width:12px;
    height:12px;
    background:#fff;
    border-color: orange;
}
#sideAsideCarousel .carousel-indicators .active {width:14px;height:14px;background: orange;border-color: orange;}
#sideAsideCarousel .carousel-inner .thumbnail {margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#sideAsideCarousel .carousel-inner .caption {background:#fff;padding: 10px;}

/* Side Aside Carousel */

.logo{
    position: relative;
    padding-top: 10px;
    width: 120px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 1;
    z-index: 99999999;
}

.small{width: 60px;opacity: 0;}
.small-menu{width: 60px;}

.logo-text{height: 50px;line-height: 50px;font-family: 'Dosis', sans-serif;font-size: 18px;text-transform: uppercase;color: #666;}
.main-container{margin-top:10px;z-index: 100;position: relative;}

.main-container .central {
   /* border-top: 2px solid orange;*/
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.07),
    0 1px 5px 0 rgba(0,0,0,0.07),
    0 3px 1px -2px rgba(0,0,0,0.07);
}

.central h3{border-bottom: 1px solid orange;padding-bottom: 15px;margin: 10px 0 0 0;}
.central .news{margin: 15px 0 0 0;}
.central .news .inside{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
    0 1px 5px 0 rgba(0,0,0,0.14),
    0 3px 1px -2px rgba(0,0,0,0.14);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

.central .news .inside:hover{box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3),0 1px 5px 0 rgba(0,0,0,0.3),0 3px 1px -2px rgba(0,0,0,0.3);}
.central .news .inside .news-header{
    text-transform: uppercase;
    font-weight: normal;
    padding:5px;
    border-top: 1px solid #e7e7e7;
    color: #666;
}

.central .news .inside .news-title{margin: 5px;padding-bottom: 4px;font-size: 1em;/*border-bottom: 1px solid orange;*/}
.central .news .inside .news-title a{
    color: #666;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.central .news .inside:hover a{color: #000;}
.central .news .inside .news-short{padding: 5px;}
.main-container .padding{padding: 10px;}
.main-container .sidebar {}
.sidebar .widget{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.07),
    0 1px 5px 0 rgba(0,0,0,0.07),
    0 3px 1px -2px rgba(0,0,0,0.07);
    border-top: 2px solid orange;
    margin-bottom: 10px;
}

.sidebar .widget .widget-header{
    background: #fff;
    padding: 10px;
    font-family: 'Dosis', sans-serif;
    font-size: 1.3em;
    border-bottom: 1px solid #e5e5e5;
    background-image: url("../img/pixels-grey.png");
}
.sidebar .widget .widget-body{background: #fff;padding: 10px;}
.central .widget{margin-bottom: 10px;}
.central .widget .widget-header{padding: 10px;}
.central .widget .widget-body{background: #fff;padding: 10px 10px 10px 10px;}
.central h2{margin-top:0;}
.central .caption{padding: 10px;margin-bottom: 20px;}
.social-share {padding:20px 10px;margin-bottom: 20px;}
footer .widget .widget-header{
    text-transform: uppercase;
    font-weight: bold;
    height: 25px;
    border-bottom: 1px dashed orange;
    color: #999;
    line-height: 20px;
    padding-bottom: 5px;
}

footer .widget .widget-body{margin-top: 10px;margin-bottom: 10px;}
footer .widget .widget-body .input-group input{
    background: #383838;
    border: none;
    color: white;
    border-radius: 0;
    border-bottom: 2px solid orange;
}

footer .widget .widget-body .input-group button{
    background: #383838;
    border: 1px solid #383838;
    border-top: none;
    border-left: none;
    border-bottom: 2px solid orange;
    border-radius: 0;
    color: white;
}

footer .form-control:focus{border-color: #cccccc;-webkit-box-shadow: none;box-shadow: none;}
footer button:focus,
button:active,
button:hover,
.btn:active,
.btn.active{outline:0px !important;-webkit-appearance:none; @input-border-focus: red;}
.sidebar .widget .widget-body .input-group input{background: #ededed;border: none;color: black;border-radius: 0;}

.sidebar .widget .widget-body .input-group button{
    background: #858585;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #858585;
    border-radius: 0;
    color: white;
}

.sidebar .form-control:focus{border-color: #cccccc;-webkit-box-shadow: none;box-shadow: none;}
.sidebar button:focus,
button:active,
button:hover,
.btn:active,
.btn.active{outline:0px !important;-webkit-appearance:none;@input-border-focus: red;}
.contact-list-info{}
.progress{border-radius: 0;}
.progress-bar {color: #333;text-align: center;background-color: orange;}
.welcome-message{text-align: center;font-family: 'Raleway', sans-serif;color: white;}
.welcome-message .moto-small{font-size: 30px;}
.welcome-message .moto-big{font-size: 100px;}
.info-message{position: fixed;right:10px;width:300px;top: 60px;z-index: 99999999;}
.info-message .alert-success{
    background: rgba(56,56,56,0.8);
    border-radius: 0;
    color: white;
    border: none;
    border-top: 2px solid green;
}

.info-message .alert-success button{color: white;}
.central .bulletins{margin-top: 10px;}
.small-text{color: #666;text-align: right;font-size: small;}

/* Gallery*/

#gallery .thumb-holder{
    background-color: rgba(0,0,0,0.9);
    overflow: auto;
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    text-align: center;
    display: none;
}

.options-holder{height: 50px;width: 100%;border-bottom: 1px solid #EEE;z-index: 500;padding: 12px;}
.options-holder i{font-size: 28px;color: rgba(0,0,0,0.6);cursor: pointer;}
.options-holder i:hover{color: rgba(0,0,0,0.7);}
#gallery .thumb-holder ul {text-align: center;}

#gallery .thumb-holder li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    height: auto;
    margin: 0 !important;
    width: auto;
    float: left;
    padding: 0 5px 5px 0;
    cursor: pointer;
}
#gallery .thumb-holder li img {display: block;opacity: 0.5;width: 100px;height: 100px;}
#gallery .thumb-holder li.active img {opacity: 1;}
#gallery .thumb-holder li:hover img {opacity: 0.75;}
#gallery .carousel-outer {position: relative;}
#gallery .carousel-control.left, .carousel-control.right{background-image: none;filter: none;background-repeat: repeat-x;}
#gallery .item img{margin:0 auto;}

/* Video */
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.no-padding{padding: 0 !important;}
.no-left-padding{padding-left: 0 !important;}
.no-right-padding{padding-right: 0 !important;}
footer{background: #272727;border-top: 5px solid orange;margin-top:20px;color: #fff;padding-top:25px;}
footer .blueline{background: #222222;background-image: url("../img/pixels-grey.png");margin-top: 25px;}
footer .blueline .col-md-6{height:50px;line-height: 50px;}
.blueline a{
    color: orange;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.blueline a:active{color: orange;text-decoration: none;}
.blueline a:link{color: orange;text-decoration: none;}
.blueline a:visited{color: orange;text-decoration: none;}
.blueline a:hover{color: #d9ffca;text-decoration: none;}

.scroll-to-top{
    position: fixed;
    width: 30px;
    height: 30px;
    right: 5px;
    /* top: 45px; */
    bottom: 10px;
    background: rgba(0,0,0,0.5);
    text-align: center;
    line-height: 23px;
    border-radius: 4px;
    /* display: none; */
    color: orange;
    cursor: pointer;
    z-index: 99999999999;
}

footer .footer-menu-header{
    text-transform: uppercase;
    font-weight: bold;
    height: 25px;
    border-bottom: 1px dashed orange;
    color: #999;
    line-height: 20px;
    padding-bottom: 5px;
}

.panel-group .panel{border-radius: 0 !important;}
.panel {border-radius: 0 !important;}

@media(max-width:768px) {
    #main-carousel  {height: 200px;}
    #main-carousel .carousel-control{display: none;}
    footer .blueline .col-md-6{text-align: center !important;height: 30px;}
    footer .blueline .col-md-6:last-child{margin-bottom: 15px;}
    .sidebar {padding: 0;}
    .central{margin-bottom: 10px;}
    .logo{
        z-index: 99999999;
        padding-top: 10px;
        width: 90px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        opacity: 1;
    }
    .small{width: 50px;opacity: 0;}
    .small-menu{width: 50px;}
    .blueline{margin-top: 0 !important;padding: 0;}
    footer{padding-top: 0;}
    #main-carousel {margin-bottom:-60px;}    
    #braking-news .carousel-caption p{display: none;}
    #braking-news .carousel-control{background-image: none;top:0;margin-top: 100px;}
    #braking-news .carousel-caption a {font-size: 14px;text-transform: none;}
}

@media (max-width: 767px) {
    #braking-news .fill {min-height: 280px;}
    #braking-news .carousel-control{background-image: none;top:0;margin-top: 140px;}
}

@media (max-width: 600px) {
    #braking-news .fill {min-height: 200px;}
    #braking-news .carousel-control{background-image: none;top:0;margin-top: 100px;}
}