h1{margin-top: 45px;margin-bottom:35px;}
h2{font-size: 48px;}
h3{margin-top:42px;margin-bottom:14px; border-bottom:3px solid; padding-bottom:12px; font-size: 28px;}
.page-heading{background: url('../../../bundles/indalcamain/images/galeria_indalca-01.png') no-repeat; height: 307px; background-size: 100%; padding: 70px 320px 0 80px;}
a.circular, a.circular img{width:200px; height:200px; border-radius: 100px; padding:0;}
#gallery-filter{margin: 23px 0;}
a.gallery-pic-link{margin-top:36px; text-indent:-9999px;}
.gray-border-right{border-right: 1px solid #96a7b0;}
.gray-border-bottom{border-bottom: 1px solid #96a7b0;}    
.gallery-item{padding-bottom: 33px;}
div.gray-border-bottom > div:first-of-type { border-right:1px solid #96a7b0; }
.gallery-summary{padding-right:25px;}
.joa-details-air{
	padding: 45px 0 45px 45px;
}

.joa-details-air h4{ margin-bottom: 40px;}

/* custom select box */

.wrapper-demo {
margin: 10px 0 10px 0;
*zoom: 1;
}

.wrapper-demo:after {
clear: both;
content: "";
display: table;
}


.wrapper-dropdown-5 {
/* Size & position */
position: relative;
width: 200px;
padding: 12px 15px;

/* Styles */
background: #fff;
border-radius: 25px;
box-shadow: 0 1px 0 rgba(0,0,0,0.2);
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.wrapper-dropdown-5:after { /* Little arrow */
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #9aa4b0 transparent;
}

.wrapper-dropdown-5 .dropdown {
/* Size & position */
z-index:10;
position: absolute;
top: 100%;
left: 0;
right: 0;
padding:0;

/* Styles */
background: #fff;
border-radius: 0 0 5px 5px;
border: 1px solid rgba(0,0,0,0.2);
border-top: none;
border-bottom: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

/* Hiding */
max-height: 0;
overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
display: block;
text-decoration: none;
color: #333;
padding: 10px 0;
transition: all 0.3s ease-out;
border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
border: none;
}

.wrapper-dropdown-5 .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
border-radius: 5px 5px 0 0;
background: #9aa4b0;
box-shadow: none;
border-bottom: none;
color: white;
}

.wrapper-dropdown-5.active:after {
border-color: #fff transparent;
}

.wrapper-dropdown-5.active .dropdown {
border-bottom: 1px solid rgba(0,0,0,0.2);
max-height: 400px;
}


/* General style */
.grid-gallery ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.grid-gallery figure {
    margin: 0;
}
 
.grid-gallery figure img {
    display: block;
    width: 100%;
}
 
.grid-gallery figcaption h3 {
    margin: 0;
    padding: 0 0 0.5em;
}
 
.grid-gallery figcaption p {
    margin: 0;
}
 
/* Grid style */

.grid li {
    width: 25%;
    float: left;
    cursor: pointer;
}
 
.grid figure {
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
 
.grid li:hover figure {
    opacity: 0.7;
}
 
.grid figcaption {
    background: #e4e4e4;
    padding: 25px;
}
 
/* Slideshow style */
.slideshow {
    position: fixed;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}
 
.slideshow-open .slideshow {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
 
.slideshow ul {
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate3d(0,0,150px);
    transform: translate3d(0,0,150px);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
 
.slideshow ul.animatable li {
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
 
.slideshow-open .slideshow ul {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
 
.slideshow li {
    width: 1064px;
    height: 650px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -325px 0 0 -532px;
    visibility: hidden;
}
 
.slideshow li.show {
    visibility: visible;
}
 
.slideshow li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.8);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
 
.slideshow li.current:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}
 
.slideshow figure {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}
 
.slideshow figcaption {
    padding-bottom: 20px;
}
 
.slideshow figcaption h3 {
    font-weight: 300;
    font-size: 200%;
}
 
/* Navigation */
.slideshow nav span {
    position: fixed;
    z-index: 1000;
    color: #59656c;
    text-align: center;
    padding: 3%;
    cursor: pointer;
    font-size: 2.2em;
}
 
.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
 
.slideshow nav span.nav-next {
    right: 0;
}
 
.slideshow nav span.nav-close {
    top: 0;
    right: 0;
    padding: 0.5em 1em;
    color: #fff;
}
 
.icon:before,
.icon:after {
    font-family: 'fontawesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}	 
 
/* Example media queries (reduce number of columns and change slideshow layout) */
 
@media screen and (max-width: 60em) {
    /* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
    .grid li {
        width: 33.3%;
    }
 
    .slideshow li {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        margin: 0;
    }
 
    .slideshow li figure img {
        width: auto;
        margin: 0 auto;
        max-width: 100%;
    }
 
    .slideshow nav span,
    .slideshow nav span.nav-close {
        font-size: 1.8em;
        padding: 0.3em;
    }
 
    .info-keys {
        display: none;
    }
 
}
 
@media screen and (max-width: 35em) {
    .grid li {
        width: 50%;
    }
}
 
@media screen and (max-width: 24em) {
    .grid li {
        width: 100%;
    }
}