@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
body{
    background: #000;
    font-family: 'Lato', sans-serif;
    padding-top: 70px;
    color: #ffffff;
}
img {
    max-width: 100%;
}
/*==========================================================================
 Navigation area
========================================================================== */
nav#main-navbar {
    background: #000;
}
.nav_color {
    background: #1A629D;

}
.nav_color ul {
    background: #1A629D;
}

.nav_color a{
    color: #fff;
}
.dropdown-menu>li>a {
    color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: -webkit-linear-gradient(#777a7b, #9A9E9D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#777a7b, #9A9E9D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#777a7b, #9A9E9D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#777a7b, #9A9E9D); /* Standard syntax */
    color: #fff;
}
.navbar-brand {
    color: #ffffff;
    font-size: 24px;
    position: relative;
    z-index: 999;
}
.navbar-brand:focus, .navbar-brand:hover{
    color: #ffffff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: -webkit-linear-gradient(#777a7b, #9A9E9D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#777a7b, #9A9E9D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#777a7b, #9A9E9D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#777a7b, #9A9E9D); /* Standard syntax */
}
.navbar-toggle {
    background: #1B639E;
}

/*==========================================================================
gallery area
========================================================================== */
.slider {
    position: relative;

}
.slider h1 {
    position: absolute;
    z-index: 99;
    top: 20px;
    font-size: 100px;
}
.slider img, .gallery img {

    width: 100%;
}
.album{
    margin-top: 40px;
}

a.box {
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}
a.box img{
    width: auto;
    height: auto;
    opacity: .85;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
a.box:hover img{
    -ms-transform: scale(1.03); /* IE 9 */
    -webkit-transform: scale(1.03); /* Safari */
    transform: scale(1.03);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
a.box:hover, a.box:focus{
    text-decoration: none;
}
a.box span{
    position: relative;
    color: white;
    font-size: 30px;
    margin-right:auto;
    margin-left: auto;
}
.margin-bottom {
    margin-bottom: 25px;
}
.gallery {
    margin-top: 25px;
}
.gallery_description {
    margin: 15px 0 50px;
    position: relative;
}
.gallery_description a{
    position: absolute;
    bottom: -10px;
    right: 0;

}
.gallery_date a{
	    margin: 10px 0 100px;
		position: absolute;
		bottom: -10px;
		right: 0;

}
.thumb {
    width: 100%;
    margin-bottom: 25px;
}

figure img {
    width: 100%;
    height: auto;
    transition: all .5s;
    /*-webkit-transition: all .5s;*/
    /*-moz-transition: all .5s;*/
}
/*figure img:hover{*/
/*-ms-transform: scale(1.03); *//* IE 9 */
/*-webkit-transform: scale(1.03); *//* Safari */
/*transform: scale(1.03);*/
/*transition: all .5s;*/
/*-webkit-transition: all .5s;*/
/*-moz-transition: all .5s;*/
/*}*/
figure {
    margin-bottom: 25px;
}
#map-canvas {
    height: 400px;
    width: 100%;
}

/*==========================================================================
photoswipe
========================================================================== */
.pswp--animate_opacity,
.pswp__bg,
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right{
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1);
}
/*==========================================================================
responsive
========================================================================== */
@media screen and (max-width: 960px) {
    .slider h1 {
        font-size: 70px;
    }
}
@media screen and (max-width: 768px) {
    .slider h1 {
        font-size: 50px;
    }
}

@media screen and (max-width: 768px) {
    .slider h1 {
        font-size: 30px;
    }
}
html
{
 height: 100%;
}
.dropdown-menu{
  max-height:300px;
  overflow-y: scroll;
}