
.wrapper.view {
    background: none;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .wrapper.view {
        padding: 1em;
    }
}

.wrapper .span12 {
    width: 240px;
}

@media screen and (min-width: 420px) {
    .wrapper .span12 {
        width: 360px;
    }
}

@media screen and (min-width: 768px) {
    .wrapper .span12 {
        width: 656px;
    }
}

@media screen and (min-width: 980px) {
    .wrapper .span12 {
        width: 868px;
    }
}

.view-ttl-h2 {
    color: #fff;
    background-color: #3389CA;
    padding: .3em .5em;
    font-size: 20px;
}

.view-ttl-h3 {
    color: #fff;
    background-color: #3389CA;
    padding: .3em .5em;
    font-size: 20px;
}

.load_posts .ph-content {
    position: relative;
    width: 100%;
}

@media screen and (min-width: 420px) {
    .load_posts .ph-content {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .load_posts .ph-content {
        width: 33.333%;
    }
}

.load_posts .grid-sizer {
    width: 100%;
}

@media screen and (min-width: 420px) {
    .load_posts .grid-sizer {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    .load_posts .grid-sizer {
        width: 33.333%;
    }
}

.load_posts a .hover-holder {
    position: absolute;
    left: 5px;
    bottom: 5px;
    color: #fff;
    padding: 5px;
    width: calc(100% - 20px);
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.load_posts a:hover .hover-holder {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.load_posts a img {
    margin: 5px;
    width: calc(100% - 10px);
}

#main.page-image .module h2 {
    background: none;
    padding: 0;
    font-size: 24px;
}

#main.page-image .module-content table {
    width: 100%;
}

#main.page-image .module-content table tbody tr:nth-child(even) th, #main.page-image .module-content table tbody tr:nth-child(even) td {
    background-color: #f2f2f2;
}

#main.page-image .module-content table th, #main.page-image .module-content table td {
    border: 1px solid #ddd;
    padding: .75em .5em;
}

#main.page-image .module-content table td {
    vertical-align: middle;
}

#main.page-image .module-content table th {
    font-weight: bold;
}

#main.page-image .module-content table th[scope=row] {
    white-space: nowrap;
    width: 2%;
}

@media screen and (min-width: 768px) {
    #main.page-image .module-content table th[scope=row] {
        width: 10em;
    }
}

#main.page-image a.tag {
    display: inline-block;
    text-decoration: none;
    margin-bottom: 4px;
    color: #111111;
    background-color: #f6f6f6;
    padding: 1px 10px;
    border: 1px solid #dddddd;
    border-radius: 100px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

#main.page-image a.tag:hover {
    text-decoration: none;
    color: #fff;
    background-color: #30778d;
    border: 1px solid #235767;
    -webkit-box-shadow: inset 0 1px 0 #3d97b3;
    box-shadow: inset 0 1px 0 #3d97b3;
}

#main.page-image #googleMap {
    margin-top: 2em;
    height: 500px;
}

#main.page-image .page-nav-sec {
    margin-top: 4em;
}

#main.page-image .page-nav-cont {
    padding: 1em 2em;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

#main.page-image .page-nav-cont.slick-initialized {
    opacity: 1;
}

#main.page-image .page-nav-cont .slick-slider {
    margin-bottom: 0;
}

#main.page-image .slick-prev:before,
#main.page-image .slick-next:before {
    font-family: "FontAwesome";
    opacity: 1;
    color: #fff;
    font-size: 24px;
}

#main.page-image .slick-prev {
    left: 0;
}

#main.page-image .slick-prev:before {
    content: '\F104';
}

#main.page-image .slick-next {
    right: 0;
}

#main.page-image .slick-next:before {
    content: '\F105';
}

#main.page-image #page-nav .item {
    padding: 6px;
    height: 76px;
}

#main.page-image #page-nav .item-img {
    height: 76px;
    background-size: cover;
}

#main.page-image #page-nav .item-img span {
    display: none;
}