@charset "utf-8";
@import "../common/reset-min.css";
@import "../common/fonts-min.css";
@import "../common/base-min.css";
padding:0;
margin:0;
font-family:"Times New Roman",
Times,
serif;
position:relative;
width:100%;
height:100%;
z-index:-999999
}
img {
    border: 0
}
table {
    border: 0
}
p {
    margin: 0;
    padding: 2px 0 5px 0;
    line-height: 130%;
    font-size: 93%
}
p.gen1 {
    width: 300px
}
form {
    margin: 0;
    padding: 0
}
div.spacer {
    clear: both;
    font-size: 1px;
    height: 1px
}
table {
    padding: 0;
    margin: 0;
    border: 0px
}
table td {
    border: 0px
}
table th {
    border: 0px
}
#error ul {
    margin: 10px 20px;
    padding: 0
}
#error ul li {
    font-size: 93%;
    color: #ff0000;
    padding: 0 0 3px 0
}
#alert {
    margin: 0;
    padding: 0
}
#success ul {
    margin: 10px 20px;
    padding: 0
}
#success ul li {
    font-size: 93%;
    color: #005a2f;
    padding: 0 0 3px 0
}
#mid {
    position: fixed;
    top: 132px;
    bottom: 72px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    min-width: 1120px
}
#top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 132px;
    width: 100%;
    border: 0;
    background: url(../common/images/pattern-top.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    min-width: 1120px
}
#bot {
    width: 100%;
    background: url(../common/images/pattern-bottom.jpg) top left repeat-x;
    padding: 0;
    margin: 0;
    border: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 69px;
    min-width: 1120px
}
#wrap {
    top: 0px;
    left: 0px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    min-width: 1120px
}
div.wrapw {
    min-width: 1120px;
    width: 1120px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative
}
#slidewrap {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff8f0
}
#mid {
    width: 100%;
    min-width: 1120px;
    position: fixed;
    top: 132px;
    bottom: 72px;
    left: 0;
    right: 0;
    background-color: #fff8f0;
    overflow: auto;
    z-index: -999999
}
#slidewrapin {
    width: auto;
    min-width: 700px;
    height: 100%;
    top: 0;
    left: 0;
    float: left;
    margin: 0 auto;
    padding: 0;
    overflow: hidden
}
#content {
    width: auto;
    top: 0;
    left: 0;
    height: 100%;
    width: 420px;
    float: left;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #fff8f0 url(../common/images/bg-leaf.jpg) bottom right no-repeat
}
#contentpad {
    margin: 0;
    padding: 65px 30px 45px 45px
}
div.gen1,h1.gen1 {
    margin: 0;
    padding: 0 0 35px 0;
    clear: both;
    color: #5c2244;
    font-size: 34px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
}
h1.gen2 {
    margin: 30px 0 0 0;
    padding: 0px 0 10px 0;
    color: #78500c;
    font-size: 123.1%;
    font-weight: bold
}
img.logo {
    margin: 10px 0 0 0
}
a.dusit {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: 10px;
    right: 0px
}
div.quickreservationtab {
    width: 200px;
    position: absolute;
    top: -46px;
    left: 0px;
    margin: 0;
    padding: 0;
    display: block
}
div.copy {
    position: absolute;
    margin: 0;
    padding: 0;
    display: block;
    top: 98px;
    left: 2px
}
#menu {
    width: 907px;
    height: 68px;
    position: absolute;
    top: 64px;
    left: 167px
}
#menu a {
    display: block;
    float: left;
    font-family: "Times New Roman", Times, serif;
    color: #8d6f4a;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    padding: 0px 20px 0 10px;
    white-space: nowrap;
    border-left: 1px solid #dfceb3;
    height: 50px;
    width: 88px;
}
#menu a:hover{
	color: #5c2244;
}
#langmenu {
    /*width: 146px;*/
    height: 25px;
    position: absolute;
    top: 11px;
    left: 810px
}
#langmenu a {
    display: block;
    float: left;
    padding:0px 8px;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-transform: uppercase;
    border-right: 1px solid #8d6f4a;
    margin-top: 5px;
}
#langmenu a:hover {
    color: #5c2244;
}
div.drop {
    width: 1px;
    height: 1px;
    margin: 0 auto;
    padding: 0;
    top: 132px;
    left: 0px;
    position: absolute;
    z-index: 500;
    display: none
}
div.drop2 {
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 100%;
    left: 405px;
    top: 132px;
    z-index: 500;
    height: 267px;
    width: 152px
}
div.drop3 {
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 100%;
    left: 524px;
    top: 132px;
    z-index: 500;
    height: 267px;
    width: 152px
}
div.drop2 img,
div.drop3 img,
div.drop4 img,
div.drop5 img {
    line-height: 50%;
    display: block;
    float: left;
    margin: 0;
    padding: 0
}
div.drop4 {
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 100%;
    left: 643px;
    top: 132px;
    z-index: 500;
    height: 220px;
    width: 152px
}
div.drop5 {
    margin: 0;
    padding: 0;
    position: absolute;
    line-height: 100%;
    left: 698px;
    top: 132px;
    z-index: 500;
    height: 168px;
    width: 152px
}
select.selectloc {
    border: 1px solid #a68f71;
    width: 110px;
    height: 22px;
    /*margin: 23px 8px 0 0;*/
    padding: 1px;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    float: left
}
#quickres1 {
    float: left;
    margin: -2px 0 0 0;
    padding: 0;
    width: 565px;
    height: 70px
}
#quickres2 {
    float: left;
    margin: -2px 0 0 0;
    padding: 0;
    width: 199px;
    height: 70px
}
#quickres3 {
    float: left;
    margin: -3px 0 0 0;
    padding: 0;
    width: 100%;
    height: 71px;
    background: url(../common/images/bg-bot.png) top left repeat-x
}
#bmenu {
    padding: 26px 0 0 25px
}
#bmenu a {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 50%
}
input.dateres {
    float: left;
    border: 1px solid #a68f71;
    
    height: 18px;
    /*margin: 23px 8px 0 0;*/
    padding: 2px 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-indent: 2px
}
label.error {
    color: #a94442;
}
label.required::after {
    color: red;
    content: "*";
}
input.timeres {
    float: left;
    border: 1px solid #a68f71;
    width: 83px;
    height: 18px;
    /*margin: 23px 8px 0 0;*/
    padding: 2px 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-indent: 2px
}
select.selecttreat {
    border: 1px solid #a68f71;
    
    height: 22px;
    /*margin: 23px 8px 0 0;*/
    padding: 1px;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    float: left
}
div.guest {
    height: 20px;
    padding: 3px 0 0 0;
    margin: 0 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a
}
input {
    float: left;
    border: 1px solid #a68f71;
    height: 18px;
    margin: 0px 8px 0 0;
    padding: 2px 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-indent: 2px
}
input.guestres {
    float: left;
    border: 1px solid #a68f71;
    width: 40px;
    height: 18px;
    margin: 0px 8px 0 0;
    padding: 2px 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-indent: 2px
}
input.submitcss {
    color: #3c2313;
    font-size: 85%;
    border: 1px solid #a68f71;
    background: url(../common/images/btn-bg.gif) top left repeat-x;
    font-family: "Times New Roman", Times, serif;
    margin: 0 8px 0 0;
    padding: 1px 5px
}
input.remt,
input.addt {
    color: #3c2313;
    font-size: 85%;
    border: 1px solid #a68f71;
    background: url(../common/images/btn-bg.gif) top left repeat-x;
    font-family: "Times New Roman", Times, serif;
    margin: 0 8px 0 0;
    padding: 1px 5px
}
input.newsres {
    float: left;
    border: 1px solid #a68f71;
    width: 110px;
    height: 18px;
    margin: 23px 8px 0 0;
    padding: 2px 0 0 0;
    font-family: "Times New Roman", Times, serif;
    font-size: 85%;
    color: #8d6f4a;
    text-indent: 2px
}
input.submitcss2 {
    color: #3c2313;
    font-size: 85%;
    border: 1px solid #a68f71;
    background: url(../common/images/btn-bg.gif) top left repeat-x;
    font-family: "Times New Roman", Times, serif;
    margin: 23px 8px 0 0;
    padding: 1px 5px
}
#scrollcontent {
    width: 375px;
    height: 100px;
    white-space: normal;
    overflow: auto;
    z-index: 1
}
#scrollcontent p {
    color: #987e52;
    line-height: 130%;
    font-size: 108%;
    padding: 0 0 20px 0
}
h2.gen1 {
    margin: 0;
    padding: 0px 0px 0px 0px;
    color: #78500c;
    font-size: 123.1%;
    font-weight: bold
}
h3.gen1 {
    margin: 0;
    padding: 0px 0 10px 0;
    color: #987e52;
    font-size: 108%;
    font-weight: bold;
    font-style: italic
}
h3.gen2 {
    margin: 0;
    padding: 0px 0 2px 0;
    color: #987e52;
    font-size: 108%;
    font-weight: bold
}
h4.gen1 {
    margin: 0;
    padding: 0px 0 2px 0;
    color: #987e52;
    font-size: 108%;
    font-weight: normal;
    text-decoration: underline
}
#scrollcontent p.day span.day {
    display: block;
    float: left;
    width: 50px;
    height: 30px;
    font-weight: bold
}
#scrollcontent p.day {
    clear: both;
    margin: 0;
    padding: 0 0 3px 0
}
ul.square2 {
    margin: 8px 0 10px 0;
    padding: 0;
    list-style: none
}
ul.square2 li {
    font-size: 108%;
    background: url(../common/images/icon-square.gif) 9px 6px no-repeat;
    padding: 0 0 6px 20px;
    margin: 0;
    color: #987e52
}
ul.download {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none
}
ul.download li {
    background: url(../common/images/icon-download.gif) 4px 12px no-repeat;
    padding: 10px 0 10px 24px;
    margin: 0;
    font-size: 108%;
    border-top: 1px solid #d1c3ab
}
ul.download li.last {
    border-bottom: 1px solid #d1c3ab
}
ul.download li a {
    text-decoration: none;
    color: #78500c
}
ul.download li a:hover {
    text-decoration: underline
}
ul.square {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none
}
ul.square li {
    background: url(../common/images/icon-square.gif) 9px 6px no-repeat;
    padding: 0 0 6px 20px;
    margin: 0;
    color: #987e52
}
div.line1 {
    clear: both;
    height: 1px;
    background: url(../common/images/line1.gif) top left no-repeat;
    margin: 10px 0
}
div.line2 {
    clear: both;
    height: 1px;
    border-bottom: 1px solid #d1c3ab;
    margin: 10px 0
}
div.contactb {
    border-top: 1px solid #d1c3ab;
    padding: 13px 5px;
    color: #987e52;
    line-height: 130%;
    font-size: 108%
}
div.contactblast {
    border-bottom: 1px solid #d1c3ab
}
div.contactb div.col1 {
    font-size: 108%;
    float: left;
    width: 290px;
    color: #987e52;
    line-height: 130%
}
div.contactb div.col2 {
    font-size: 108%;
    float: left;
    width: 200px;
    color: #987e52;
    line-height: 130%
}
div.contactb a,
div.contactb div.col2 a {
    text-decoration: none;
    color: #987e52
}
div.contactb a:hover,
div.contactb div.col2 a:hover {
    text-decoration: underline
}
p a {
    text-decoration: none;
    color: #987e52
}
p a:hover {
    text-decoration: underline
}
#scrollcontent p.detail {
    margin: 0;
    padding: 0 0 5px 0
}
#scrollcontent p.price {
    margin: 0 0 12px 0;
    padding: 0 0 2px 0
}
#scrollcontent p.price span {
    float: left;
    display: block;
    width: 70px
}
#scrollcontent p.price2 {
    margin: 0;
    padding: 0 0 2px 0;
    clear: both
}
#scrollcontent p.price2 span {
    float: left;
    display: block;
    width: 200px
}
#scrollcontent p.weight {
    clear: both;
    margin: 0;
    padding: 0 0 2px 0
}
#scrollcontent p.weight span {
    float: left;
    display: block;
    width: 70px
}
table.gen1 {
    border: 1px solid #d1c3ab;
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0 0 20px 0
}
table.gen1 th {
    background: #e5d7bf;
    text-align: center;
    color: #78500c;
    font-size: 123.1%;
    font-weight: bold;
    padding: 5px
}
table.gen1 td {
    color: #78500c;
    font-size: 108%
}
table.gen1 tr.odd {
    background: #f6eee1
}
table.gen1 span.remark {
    font-style: italic;
    font-size: 93%
}
#scrollcontent p.hours {
    color: #987e52;
    font-size: 108%;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin: 0
}
#scrollcontent p.remark {
    color: #987e52;
    font-size: 93%;
    padding: 0 0 5px 0;
    margin: 0;
    font-style: italic
}
p.remark {
    color: #987e52;
    font-size: 77%;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: italic
}
#scrollcontent p.days {
    color: #987e52;
    font-size: 93%;
    padding: 0 0 5px 0;
    margin: -10px 0 10px 0
}
img.imgpromo {
    clear: both;
    margin: 0 0 30px 0
}
h2.promo {
    margin: 0 0 10px 0;
    padding: 0px 0 6px 0;
    color: #78500c;
    font-size: 123.1%;
    font-weight: bold;
    border-bottom: 1px solid #d1c3ab
}
#scrollcontent p.promo {
    color: #987e52;
    font-size: 93%;
    padding: 0;
    margin: 0;
    line-height: 150%
}
div.promocontent div,
div.promocontent strong {
    color: #987e52;
    font-size: 100%;
    padding: 0;
    margin: 0;
    line-height: 150%
}
div.promopack {
    float: left;
    width: 160px;
    min-height: 200px;
    margin: 0 10px 10px 0
}
h1.promopack a,
h1.promopack {
    margin: 15px 0 10px 0;
    padding: 0 0 7px 0;
    color: #78500c;
    font-size: 108%;
    font-weight: bold;
    text-decoration: none
}
h1.promopack {
    border-bottom: 1px solid #d1c3ab
}
h1.promopack a:hover {
    text-decoration: underline
}
h2.promopack a,
h2.promopack {
    margin: 15px 0 10px 0;
    padding: 0 0 7px 0;
    color: #78500c;
    font-size: 108%;
    font-weight: bold;
    text-decoration: none
}
h2.promopack {
    border-bottom: 1px solid #d1c3ab
}
h2.promopack a:hover {
    text-decoration: underline
}
p.promopack {
    margin: 0;
    padding: 0;
    line-height: 130%;
    color: #987e52
}
select.selecttreat option.sth {
    font-weight: bold;
    font-size: 108%;
    padding: 0
}
select.selecttreat option.first {
    padding: 0
}
select.selecttreat option {
    padding: 0 0 0 10px
}
#resform {
    padding: 10px;
    color: #987e52
}
h1.res {
    margin: 0 0 10px 0;
    padding: 0 0 7px 0;
    color: #78500c;
    font-size: 108%;
    font-weight: bold;
    border-bottom: 1px solid #d1c3ab
}
h2.res {
    margin: 0 0 10px 0;
    padding: 0 0 7px 0;
    color: #78500c;
    font-size: 108%;
    font-weight: bold;
    border-bottom: 1px solid #d1c3ab
}
table.res {
    margin: 0 0 20px 0;
    padding: 0
}
table.res th {
    font-weight: bold;
    font-size: 108%;
    text-align: left
}
table.res input.inputcss {
    font-family: "Times New Roman", Times, serif;
    font-size: 108%;
    color: #987e52
}
table.res select.selectcss {
    font-size: 108%;
    font-family: "Times New Roman", Times, serif;
    color: #987e52
}
table.res select option b {
    font-weight: bold
}
#dialog-message {
    display: none
}
span.required {
    color: #ff0000
}
h2.download {
    background: url(../common/images/icon-download.gif) 4px 12px no-repeat;
    padding: 10px 0 10px 24px;
    margin: 25px 0 0 0;
    color: #78500c;
    border-top: 1px solid #d1c3ab;
    border-bottom: 1px dotted #d1c3ab
}
div.downloadprice {
    font-size: 108%;
    padding: 10px 5px;
    color: #987e52;
    line-height: 150%
}
div.downloadprice a {
    color: #987e52;
    text-decoration: none
}
div.downloadprice a:hover {
    text-decoration: underline
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
sup.blink {
    font-family: "Times New Roman", Times, serif;
    font-size: 8px;
    color: #ad3670;
    padding: 0 0 0 3px
}
#scrollcontent p.mail1 {
    margin: 0;
    padding: 0 0 0 330px
}
ul.gen1 {
    margin: 0 0 0 15px
}
ul.gen1 li {
    margin: 0;
    font-size: 93%
}
a.gen1,
a.gen1:link,
a.gen1:visited {
    font-weight: bold;
    text-decoration: underline
}
.indexContent {
    bottom: 36px;
    color: #fff;
    left: 50%;
    margin-bottom: 0;
    margin-left: -450px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px rgb(3, 3, 3);
    width: 960px
}
body .indexContent {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 1px
}
.sub_menu_drop1 {
    padding: 0px;
    margin: 0px;
    background: url(../common/images/sub_menu_drop2_off.png) repeat-y;
    font-size: 9px;
    line-height: 20px;
    padding-bottom: 5px;
    border-radius: 0 0 15px 0
}
.sub_menu_drop1,
.sub_menu_drop1 a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
.sub_menu_drop1 a {
    width: 100%;
    display: block
}
.sub_menu_drop1 a:hover {
    color: #5c2244
}
.sub_menu_drop1 li {
    list-style: none;
    width: 100%;
    overflow: hidden
}
.sub_menu_drop1 ul {
    padding: 0px;
    margin: 0px
}
.sub_menu_drop1 ul.sub_menu_drop2 {
    font-size: 10px
}
ul.sub_menu_drop2 a {
    padding-left: 10px
}
ul.sub_menu_drop1 li {
    text-indent: 30px;
    padding-top: 7px;
    background: url(../common/images/sub_menu_drop_off.png) left top no-repeat
}
ul.sub_menu_drop1 li:first-child {
    padding-top: 12px;
    background: url(../common/images/sub_menu_drop_off.png) left 5px no-repeat
}
ul.sub_menu_drop2 li:first-child {
    padding-top: 0px
}
ul.sub_menu_drop2 li {
    line-height: 17px;
    padding-top: 0px;
    background-image: none
}
ul.sub_menu_drop1.sub_menu2 li {
    text-indent: 12px;
    font-size: 9px
}
ul.sub_menu_drop1 li a:hover {
    background: url(../common/images/sub_menu_drop_on.png) left -7px no-repeat
}
ul.sub_menu_drop1 li ul.sub_menu_drop2 li {
    background-image: none
}
ul.sub_menu_drop1 li ul.sub_menu_drop2 li:hover {
    background-image: none
}
ul.sub_menu_drop1 li ul.sub_menu_drop2 li a:hover {
    background-image: none
}
ul.sub_menu_drop1 li:first-child:hover {
    background: url(../common/images/sub_menu_drop_on.png) left 5px no-repeat
}
ul.sub_menu_drop1 li:hover {
    background: url(../common/images/sub_menu_drop_on.png) left top no-repeat
}
ul.sub_menu_drop1.sub_menu2 li {
    text-indent: 20px;
    padding-top: 7px;
    background: url(../common/images/sub_menu_drop_off.png) -8px top no-repeat
}
ul.sub_menu_drop1.sub_menu2 li:first-child {
    padding-top: 12px;
    background: url(../common/images/sub_menu_drop_off.png) -8px 5px no-repeat
}
ul.sub_menu_drop1.sub_menu2 li a:hover {
    background: url(../common/images/sub_menu_drop_on.png) -8px -7px no-repeat
}
.boxShareList {
    position: relative;
    float: right
}
footer nav {
    position: relative
}
.aWhite {
    color: #FFF;
    text-decoration: none
}
.aWhite:hover {
    opacity: 0.75
}
.twitter-share-button {
    width: 85px !important
}
#___plusone_0 {
    width: 72px !important
}
.boxShareList {
    /*width: 550px;*/
    height: 50px;
    position: absolute;
    right: 0px;
    top: 33px
}
.boxShareListThis0 {
    height: 30px;
    display: block;
    float: right;
    width: auto;
    padding-top: 5px;
    padding-right: 5px
}
.boxShareListThis1 {
    height: 30px;
    display: block;
    float: right;
    width: auto;
    padding-top: 5px
}
.boxShareListThis2 {
    height: 30px;
    float: right;
    width: auto;
    padding-top: 5px
}
.boxShareListThis3 {
    height: 30px;
    float: right;
    width: auto;
    padding-top: 5px;
    padding-right: 5px
}
.block-slidewrapin {
    min-width: 530px !important
}
.block-content {
    min-width: 590px !important
}
.block-scrollcontent {
    width: 545px !important
}
.block-text-top {
    background-color: rgba(0, 0, 0, 0.25);
    padding: 0px 15px 15px;
    bottom: 50px;
    margin-left: -495px
}
.blokc-text-seo {
    display: none
}
.block-desktop {
    display: block
}
.block-mobile {
    display: none
}
#menu-trigger {
    display: none
}
.mobile-menu {
    display: none
}
.block-booking {
    display: none
}
.main-banner {
    display: none
}
.toggleMenu {
    display: none;
    background: none;
    padding: 20px 10px;
    color: #000;
    position: absolute;
    z-index: 6666;
    top: 0;
    left: 0
}
.toggleMenu div {
    border: 2px solid #8e714c;
    margin-bottom: 2px;
    width: 20px
}
#nav {
    list-style: none;
    *zoom: 1;
    background: #8e714c;
    display: none;
    width: 100%;
    padding: 0;
    margin: 0
}
#nav:before,
#nav:after {
    content: " ";
    display: table
}
#nav:after {
    clear: both
}
#nav ul {
    list-style: none;
    width: 9em;
    margin: 0
}
#nav a {
    padding: 10px 15px;
    color: #2e0002;
    text-decoration: none;
    font: 'oswaldbold';
    font-weight: 500;
    text-transform: uppercase;
}
#nav li {
    position: relative;
    padding: 0;
    margin: 0
}
#nav > li {
    float: left;
    border-top: 1px solid #fef6eb
}
#nav > li > .parent {
    background-image: url("../common/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right
}
#nav > li > a {
    display: block
}
#nav li ul {
    position: absolute;
    left: -9999px
}
#nav > li.hover > ul {
    left: 0
}
#nav li li.hover ul {
    left: 100%;
    top: 0
}
#nav > li > li > .parent {
    background-image: url("../common/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right
}
#nav li li a {
    display: block;
    background: #cab9a7;
    position: relative;
    z-index: 100;
    border-top: 1px solid #8e714c
}
#nav li li li a {
    background: #e8e0d7;
    z-index: 200;
    border-top: 1px solid #8e714c
}

/*Social*/
.social-bottom {
    display: inline-block;
    padding: 0px;
    text-align: center;
    width: 100%;
}
.social-bottom .cosmenet-on-social {
    display: inline-block;
    vertical-align: top;
}
.social-bottom a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    display: inline-block;
    /*filter: grayscale(100%);*/
    height: 24px;
    margin: 0 2px;
    transition: all 0.3s ease-in-out 0s;
    vertical-align: top;
    width: 24px;
}
.social-bottom a:hover {
    filter: grayscale(0);
}
.social-bottom a.icon_fb {
    background-image: url("../common/images/social/facebook_icon.png");
}
.social-bottom a.icon_tw {
    background-image: url("../common/images/social/twitter_icon.png");
}
.social-bottom a.icon_plus {
    background-image: url("../common/images/social/googleplus_icon.png");
}
.social-bottom a.icon_pin {
    background-image: url("../common/images/social/pinterest_icon.png");
}
.social-bottom a.icon_yt {
    background-image: url("../common/images/social/youtube_icon.png");
}
.social-bottom a.icon_ig {
    background-image: url("../common/images/social/Instagram_icon.png");
}
.social-bottom a.icon_line {
    background-image: url("../common/images/social/line_icon.png");
}
@media screen and (max-width:64em) {
    .active {
        display: block
    }
    
    #nav > li {
        float: none
    }
    
    #nav > li > .parent {
        background-position: 95% 50%
    }
    
    #nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%
    }
    
    #nav ul {
        display: block;
        width: 100%
    }
    
    #nav > li.hover > ul,
    #nav li li.hover ul {
        position: static
    }
}