@charset "UTF-8";
/*header menu_____________________________________*/
header {
    display: table;
    font-size: 0;
    line-height: 0;
    z-index: 9999 !important
}
/*header h1, nav {display:table-cell}*/
nav {
    vertical-align: bottom
}
header ul {
    font-size: 14px;
    line-height: 1;
    height: 80px;
}
header ul li {
    display: inline-block;
    height: 80px;
    position: relative
}
/*header ul li::after {content:' |'}
header ul li:last-child::after {content:''}*/
header ul li a {
    display: block;
    height: 80px;
    line-height: 30px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
header ul li a:hover {
    background-color: rgba(255,255,255,0.3)
}
header ul li:nth-child(1):after {
    content: 'Concept';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
header ul li:nth-child(2):after {
    content: 'Menu';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
header ul li:nth-child(3):after {
    content: 'Style gallery';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
header ul li:nth-child(4):after {
    content: 'Staff';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
header ul li:nth-child(5):after {
    content: 'Voice';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}


header ul li:nth-child(6):after {
    content: 'Reviews';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}



header ul li:nth-child(7):after {
    content: 'Booking';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
header ul li:nth-child(8):after {
    content: 'Access';
    position: absolute;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: #c7e2f9;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: Tahoma, Geneva, sans-serif;
}
#mainmenu {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0px;
    z-index: 100;
    background-color: #89A9CF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
header nav {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
#mainmenu ul li a {
    display: block;
    padding: 10px;
    color: #fff
}
#mainmenu {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 80px;
    position: fixed
}
h1 a img {
    width: 100%;
    height: auto;
}
#mainmenu h1 {
    width: 110px;
    height: auto;
    position: absolute;
    top: 10px;
    left: 20px;
}
#mainmenu nav {
    width: 800px;
    height: auto;
    position: absolute;
    top: 0;
    /*left: 0;*/
    right: 20px;
    bottom: 0;
    margin: auto;
}

/*Media-queries_____________________________________*/
@media screen and (max-width: 1024px) {
html {
    -webkit-text-size-adjust: 100%
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {
    opacity: 1
}
header h1 a img {
    height: 30px
}
html {
    -webkit-text-size-adjust: 100%
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {
    opacity: 1
}
html {
    -webkit-text-size-adjust: 100%
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {
    opacity: 1
}
header h1 a img {
    height: auto !important
}
/* Toggle(Button) */
#navToggle {
    display: none;
    position: absolute;/*to body*/
    right: 13px;
    top: 7px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 9999
}
#navToggle div {
    position: relative
}
#navToggle span {
    display: block;
    position: absolute;/*to div*/
    width: 100%;
    border-bottom: solid 2px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {
    top: 0
}
#navToggle span:nth-child(2) {
    top: 11px
}
#navToggle span:nth-child(3) {
    top: 22px
}
#mainmenu h1 {
    width: 80px;
    height: auto !important;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 100
}
#mainmenu {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 50px;
    position: fixed
}
header nav {
    position: absolute;
    right: 0px !important;
    top: -350px !important;
    background: rgba(137, 169, 207,.8);
    width: 100% !important;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-align: left;
    display: block;
    height: auto !important;
}
header ul {
    margin-top: 60px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    position: static !important;
    height: auto !important;
}
header ul li {
    display: inline-block !important;
    margin: 0;
    border-bottom: dotted 1px #fff;
    height: 40px !important;
    line-height: normal;
    width: 49%
}
header ul li a {
    display: block !important;
    line-height: normal;
    height: 40px !important;
    position: static !important;
    text-align: center
}
header ul li:nth-child(1):after, header ul li:nth-child(2):after, header ul li:nth-child(3):after, header ul li:nth-child(4):after, header ul li:nth-child(5):after, header ul li:nth-child(6):after, header ul li:nth-child(7):after {
    display: none
}
/*header ul li::after {
	content: ''
}*/
/*header ul li:last-child {
	border-bottom: none
}*/
/* Toggle(Button) */
#navToggle {
    display: block
}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}
/*header menu*/
.openNav nav {
    -moz-transform: translateY(351px);
    -webkit-transform: translateY(351px);
    transform: translateY(351px)
}
}

@media screen and (max-width: 767px) {
html {
    -webkit-text-size-adjust: 100%
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {
    opacity: 1
}
html {
    -webkit-text-size-adjust: 100%
}/*disable webkit text size adjust (for iPhone)*/
a img:hover {
    opacity: 1
}
header h1 a img {
    height: auto !important
}
/* Toggle(Button) */
#navToggle {
    display: none;
    position: absolute;/*to body*/
    right: 13px;
    top: 7px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 9999
}
#navToggle div {
    position: relative
}
#navToggle span {
    display: block;
    position: absolute;/*to div*/
    width: 100%;
    border-bottom: solid 2px #fff;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {
    top: 0
}
#navToggle span:nth-child(2) {
    top: 11px
}
#navToggle span:nth-child(3) {
    top: 22px
}
#mainmenu h1 {
    width: 55px;
    height: auto !important;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 100
}
#mainmenu {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 40px;
    position: fixed
}
header nav {
    position: absolute;
    right: 0px !important;
    top: -350px !important;
    background: rgba(137, 169, 207,.8);
    width: 100% !important;
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-align: left;
    display: block;
    height: auto !important;
}
header ul {
    margin-top: 40px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 15px;
    position: static !important;
    height: auto !important;
}
header ul li {
    display: inline-block !important;
    margin: 0;
    border-bottom: dotted 1px #fff;
    height: 40px !important;
    line-height: normal;
    width: 49%
}
header ul li a {
    display: block !important;
    line-height: normal;
    height: 40px !important;
    position: static !important;
    text-align: center
}
header ul li:nth-child(1):after, header ul li:nth-child(2):after, header ul li:nth-child(3):after, header ul li:nth-child(4):after, header ul li:nth-child(5):after, header ul li:nth-child(6):after, header ul li:nth-child(7):after {
    display: none
}
/*header ul li::after {
	content: ''
}*/
/*header ul li:last-child {
	border-bottom: none
}*/
/* Toggle(Button) */
#navToggle {
    display: block
}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}
/*header menu*/
.openNav nav {
    -moz-transform: translateY(351px);
    -webkit-transform: translateY(351px);
    transform: translateY(351px)
}
}