/**** CONTACT ****/
li#contact-link a.nav-current {
    border-color: #424242;
}

    li#contact-link a.nav-current h3,
    #contact-link a.nav-current i {
        color: white;
    }

#contact,
#contact .cat-pages-title h2 {
    background-color: #15131b;
}

.single-contact-page .menu a:hover {
    color: white;
}

.single-contact-page .sidebar a:hover {
    color: white;
}

#contact, #contact .cat-pages-title h2 {
    background-color: #15131b;
}

#contact {
    padding-top: 50px;
    padding-bottom: 100px;
    display: block;
    color: white;
}

.icon-sag-bosluk {
    margin-right: 15px !important;
}

.googlemap {
    display: block;
    position: relative;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}

#map-canvas {
    display: block;
    padding: 0;
    margin: 0 0 36px;
    min-height: 280px;
    width: 100%;
}

.contact-section {
    display: block;
    position: relative;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}

.contact-info {
    padding-left: 4px;
}

.contact-section p {
    letter-spacing: 0.05em;
}

.contact-section ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .contact-section ul li {
        display: block;
        margin: 0 0 24px;
        padding: 0;
        list-style: none;
    }

        .contact-section ul li:first-child {
            margin-top: 36px;
        }


        .contact-section ul li i {
            display: inline-block;
            font-size: 20px;
            border-bottom: 1px dashed rgba(255, 255, 255, .4);
            padding: 0 0 4px 0;
            margin: 0;
        }

        .contact-section ul li p {
            display: inline-block;
            padding: 0 0 0 10px;
            margin: 0;
        }

.contact-form {
    padding-right: 4px;
}

    .contact-form form {
        display: block;
        position: relative;
        margin: 18px 0 0 0;
    }

        .contact-form form input[type="text"],
        .contact-form form input[type="email"],
        .contact-form form textarea {
            display: block;
            position: relative;
            width: 88%;
            min-height: 36px;
            outline: none;
            background-color: transparent;
            border: 1px solid rgba(255, 255, 255, .4);
            font-size: 13px;
            font-weight: 300;
            letter-spacing: 4px;
            padding: 0 24px;
            margin: 0 0 24px 10%;
        }

            .contact-form form input[type="text"]:focus,
            .contact-form form input[type="email"]:focus,
            .contact-form form textarea:focus {
                border: 1px solid rgba(255, 255, 255, .8);
            }

        .contact-form form input[type="text"],
        .contact-form form input[type="email"] {
            min-height: 36px;
            padding: 0 18px;
        }

        .contact-form form textarea {
            min-height: 144px;
            padding: 10px 18px;
            resize: none;
        }


        .contact-form form input[type="submit"] {
            display: block;
            margin-left: 10%;
            min-height: 36px;
            font-size: 13px;
            letter-spacing: 4px;
            font-weight: 300;
            background-color: rgba(255, 255, 255, .1);
            border: 1px solid rgba(255, 255, 255, .4);
            padding: 6px 24px;
            -webkit-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }

            .contact-form form input[type="submit"]:hover {
                background-color: rgba(255, 255, 255, .2);
                border: 1px solid rgba(255, 255, 255, .8);
            }

        .contact-form form label {
            display: block;
            position: relative;
            margin: -18px 0 18px 10%;
        }

#cf-success, #cf-error {
    display: none;
    opacity: 0;
    margin-left: 10%;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}