.navigation {
    display: none;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10000000000;
    position: fixed !important;
}

.noopacity {
    background: rgba(255, 255, 255, 1);
}

.navigation .contactbox,
.navigation a,
.navigation a:hover,
.navigation a:visited,
.navigation a:active {
    color: #565656 /*grey2*/;
    text-decoration: none;
    display: block;
}
.contactbox{
    cursor: pointer;
}
.contactUsTitle {
    font-size: 25px;
}
@media (max-width: 768px) {
    .contactUsTitle {
        font-size: 22px;
    }
}

.navigation .icon-nav-close {
    z-index: 100000;
}

.block {
    float: left;
    border: 1px solid #e3e3e3;
    text-align: center;
    cursor: pointer;
}

.block.contactMenu {
    border: inherit;
}

.block h1,
.block span {
    display: block;
}

.block.base:hover,
.photoMenuItem:hover {
    background: #565656; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* For Firefox 3.6 to 15 */
    background: radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* Standard syntax */
}

.menu > li.showing > a > .inner-container {
    opacity: 1;
    top: 0px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.block.base:hover h1,
.block.base:hover span,
.photoMenuItem:hover a {
    color: white;
}

.block.contactMenu .subBlock:hover span {
    color: white;
}

.subBlock {
    float: left;
    text-align: center;
    background-color: #565656;
    color: #989898;
    border: 1px solid #989898;
}

.subBlock span {
    transition: all 1s ease;
}

.subBlock:hover {
    background: #565656; /* For browsers that do not support gradients */
    background: -webkit-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* For Firefox 3.6 to 15 */
    background: radial-gradient(circle, #6e6e6e, rgb(104, 104, 104), rgb(98, 98, 98), rgb(92, 92, 92), #565656); /* Standard syntax */
}

.subBlock a,
.subBlock a:hover,
.subBlock a:visited,
.subBlock a:active {
    color: #989898;
}

.photoMenuItem {
    border-bottom: 1px solid #e3e3e3;
    background-color: rgba(244,244,244,0.5);
}

.photo-arrow,
.contact-arrow {
    position: relative;
    float: right;
}

.blur-on {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);

    -webkit-transition: all 1s linear;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
}

.blur-off {
    -webkit-filter: blur(0px) !important;
    -moz-filter: blur(0px) !important;
    -o-filter: blur(0px) !important;
    -ms-filter: blur(0px) !important;
    filter: blur(0px) !important;
}
a.menulink{
    width:300px;
    display: block;
}
a.menulink div{
    width:300px;
}

@media (max-width: 768px) {
    a.menulink{
        width:125px;
    }
    a.menulink div{
        width:125px;
    }
}