﻿#gmap-wrap {
    float: left;
    width: 100%;
    position: relative;
}

#gmap {
    float: left;
    width: 100%;
    height: 400px;
}

#gmap iframe {
    float: left;
    width: 100%;
    height: 400px;
}

.overlay {
    position: relative;
    width: 100%;
    height: 400px; /* your iframe height */
    top: 400px; /* your iframe height */
    margin-top: -400px; /* your iframe height */
}

#cinfo-block {
    float: left;
    width: 40%;
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
}

#cinfo-block-inner {
    float: left;
    width: 100%;
}

@media screen and (max-width: 800px) {
    #cinfo-block-inner {
        width: 92%;
    }
}

.contact-s {
    float: left;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fafafa;
    padding: 30px;
}

@media screen and (max-width: 480px) {
    .contact-s {
        padding: 15px;
    }
}

.contact-s small {
    display: none;
}

.contact-s ul {
    float: left;
    width: 50%;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 20px 0 0;
}

@media screen and (max-width: 799px) {
    .contact-s ul {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.contact-s figure {
    float: right;
    width: 50%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 0 0 20px;
    filter: saturate(140%);
    -webkit-filter: saturate(140%);
}

@media screen and (max-width: 1023px) {
    .contact-s figure:hover {
        filter: none;
        -webkit-filter: none;
    }
}

@media screen and (max-width: 799px) {
    .contact-s figure {
        width: 100%;
        padding: 0;
    }
}

.contact-s figure img {
    display: block;
}

.contact-s li:before {
    content: '✿';
    font-family: 'dejavu_sansbook', sans-serif;
    font-style: normal;
    padding: 0 10px 0 0;
}

.contact-s li {
    line-height: 1.6em;
    font-family: 'dejavu_sansoblique', sans-serif;
}

.contact-s li#logoplace {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 3px dashed #eee;
}

.contact-s li#logoplace img {
    display: table;
    margin: 0 auto;
    max-width: 160px;
}

.contact-s li#logoplace:before {
    content: '';
    padding: 0;
}