@charset "UTF-8";
/* reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area,menu, hr, address, small, strong, i, b,article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command,datalist, keygen, output, progress, meter { margin: 0; padding: 0; font-size: 100%;}
address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav,  section, summary { display: block; margin: 0; padding: 0;}
li { list-style-type: none;}
a img { border: none;}
img { vertical-align: bottom;}
[hidden] { display: none;}
button{webkit-appearance:none;}

/* SNSƒAƒCƒRƒ“—pƒEƒFƒuƒtƒHƒ“ƒg */
@font-face {font-family: 'LigatureSymbols'; src: url('font/LigatureSymbols-2.11.eot'); src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('font/LigatureSymbols-2.11.woff') format('woff'),url('font/LigatureSymbols-2.11.ttf') format('truetype'),url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');font-weight: normal;font-style: normal;}
.lsf, .lsf-icon:before {font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility;-ms-text-rendering: optimizeLegibility;-o-text-rendering: optimizeLegibility;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;-o-font-smoothing: antialiased;font-smoothing: antialiased;-webkit-font-feature-settings: "liga" 1, "dlig" 1;-moz-font-feature-settings: "liga=1, dlig=1";-ms-font-feature-settings: "liga" 1, "dlig" 1;-o-font-feature-settings: "liga" 1, "dlig" 1;font-feature-settings: "liga" 1, "dlig" 1;font-size:32px;line-height: 1.0;}
.lsf-icon:before { content:attr(title); margin-right:0.3em;}
.lsf-big{font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility;-ms-text-rendering: optimizeLegibility;-o-text-rendering: optimizeLegibility;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-ms-font-smoothing: antialiased;-o-font-smoothing: antialiased;font-smoothing: antialiased;-webkit-font-feature-settings: "liga" 1, "dlig" 1;-moz-font-feature-settings: "liga=1, dlig=1";-ms-font-feature-settings: "liga" 1, "dlig" 1;-o-font-feature-settings: "liga" 1, "dlig" 1;font-feature-settings: "liga" 1, "dlig" 1;font-size:64px;line-height:0.7;}

/* =================================== */
/*	Basic Style 
/* =================================== */

html { -webkit-text-size-adjust:100%; }
body{ background: #222028; color: #C5c7B6; font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ƒƒCƒŠƒI", Meiryo, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif; line-height: 1.5; text-align:left;}
a { -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s;   -ms-transition: all 0.3s ease-out 0s;    -o-transition: all 0.3s ease-out 0s;   transition: all 0.3s ease-out 0s;color: #fff8d3;}
a, a:hover, a:focus, .btn:focus { text-decoration: none;  outline: none;}
a:hover, a:focus, .btn:focus { color:#0099ce;}
h1{ margin-left:40px; padding:0 0 0 0; text-align:center; background:rgba(197,199,182,0.01);}
h2{ display:inline-block;margin-top:-55px;padding-top:60px; margin-right:10px; padding-left:10px; padding-right:10px; border-bottom: 1px solid #4c493e;font-size:110%;font-weight:normal;font-family: 'Josefin Sans','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS','ƒƒCƒŠƒI',sans-serif;}
h2 span{ font-size:75%; font-weight:normal;padding-left:10px;margin-bottom:20px;}
h3{ font-size: 80%; font-weight: normal; }
h4{ }
button{color:#222028;}

figure { } #figure {margin:20px auto 40px; width:98%;}
main { } #main { margin:0 auto; width: 100%; }
article { } .article{ border-bottom: dotted 1px #4c493e; margin-bottom: 20px;}
section{} .section{ margin: 10px 10px 20px ; font-size: 90%; color: #f8f8f7;} .section-separate{margin: 10px 0 20px 0; font-size: 90%; color: #f8f8f7;}
.section div{ margin: 0 auto; width:90%;}
footer{ padding: 20px 0 0 10px; border-top: 4px solid #dcdcdc; background: #2f3837; font-size: 80%; clear:both;}
.copy{text-align: right;color: #fff8d3;font-size:80%;}

.sldphoto { width:80%; text-align:center; overflow:hidden;}
.sldphoto img{ width:90%; max-width:600px; min-height:180px;}

.sec1a{ float:left; border-bottom: none; width: 78%; }
.sec1a h2{display: block;}
.sec1a h3{text-align:right; margin-right:20px;}
.sec1b{ float:right; width: 22%; text-align:center; overflow: hidden;} 
.sec1b > a{ display:inline-block; width:60px; height:60px; margin:0 auto 10px;border-radius: 4px;color: #f8f8f7;-webkit-transition: none;transition: none;text-shadow: 0 1px 1px rgba(0, 0, 0, .7);}
.sec1b a.phone{ background: #ce1c00; box-shadow: 0 2px 0 #7e1100;background-image: url("../img/btnphone.png");}
.sec1b a.booking{background: #0099ce;box-shadow: 0 2px 0 #005d7e;background-image: url("../img/btnbooking.png");}
.sec1b a.maps{ background: #ce9000; box-shadow: 0 2px 0 #7e5800;background-image: url("../img/btnmap.png");}
#snsbt {width:70px; margin:0 auto;}
#snsbt a img{border: 1px solid #009900;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;}
#snsbt a.s-bt{display:inline-block;width:32px;height:32px; padding:0; margin:0;float:left;}
#snsbt a.fbpage {margin-right:6px; margin-bottom: 6px;}
#snsbt a.lineat {margin-bottom:6px;}
#snsbt a.fblike {margin-right: 6px;}
#snsbt a.tweet {}
.sec1b a p{ text-aling:center; padding:12px 10px;font-size:12px;}
.sec1b a p strong{ font-size: 14px; font-weight: bold;}
.sec1c {padding-bottom:10px;}
.sec2 { clear:both; border-top: dotted 1px #4c493e; padding-top: 20px;}
.sec2 dl{ width:98%; margin:10px 0 10px auto; }
.sec2 dt{ width:25%; font-size: 80%; color:#c71b00; float:left; clear:left;margin:0;padding:0;}
.sec2 dd{ width:70%; font-size: 85%; margin:0 0 20px 0; padding:0;float:left;}
.sec2 dd.linkbt{ width:5%;}
.sec3 p{font-size:90%;}
.sec4 h3{ font-size:120%;}
/*.sec5 table th{font-family: 'Crimson Text','ƒqƒ‰ƒMƒmŠpƒS','ƒƒCƒŠƒI',sans-serif;} */
/* .sec5 table th strong{font-size: 120%;} */
.sec6 h3{font-family: 'Josefin Sans','ƒqƒ‰ƒMƒmŠpƒS','ƒƒCƒŠƒI',sans-serif; margin-left:5px;}
.sec6 table td{text-indent: 1em;font-size:90%;}
.sec6 table td.ownerphoto{ background: transparent;}
.sec6 table th p{text-align: center; padding:20px 0;}
.sec8 strong{font-family: 'Crimson Text', serif; font-size:200%;}
.sec8 .input-field { margin-top: 10px;}
.sec8 input {border: 1px solid #ececec; border-radius: 0;box-shadow: none;color: #818181;font-size: 14px;height: 30px; width: 300px; }
.sec8 textarea{ width: 300px;  height: 100px;}
.sec0{ background:#4c493e; clear:both; border: 1px solid #C5c7B6; padding-top:10px;}
.sec0 h2{text-shadow: 2px 2px #444, 4px 4px #000; margin-bottom:0;padding-bottom:0; }
.sec0 h3{ display:inline-block; text-align:left; margin: 0 10px 10px 0; padding:0; color: #ffff00;font-size:90%;font-weight:bold; border-bottom: 1px solid #ffff00;}
.sec0 div.section{margin-top:0;}
.sec0 p { padding:10px; }
.sec_news div.part{ margin-bottom:20px;padding:20px 10px 10px 0;width:98%; max-width:800px; background:#2f3837;} 
/*.sec_news h3{ display:inline; margin-top:-60px;padding-top:62px; font-size: 100%; color:#fff8d3; font-weight: bold;border-bottom: 1px solid #4c493e;} */
/* .sec_news h3 span.newsdate{display:inline;background:#4c493e; padding: 0 5px;border-top: 2px solid #4c493e;} */
/* .sec_news h3 span.newstitle{display:inline;padding: 0 10px; font-size: 100%;background:#222028; color:#fff8d3; font-weight: bold;} */
.sec_news h3 { display:block;margin-top:-60px;padding-top:62px; margin-left:5px; padding-bottom:20px; border-bottom:1px solid #c5c7b6; font-size:100%;}
.sec_news h3 span.newsdate{border-left: 2px solid #c71b00; padding-left:10px; padding-right:20px;}
.sec_news p{ padding:20px 0 10px 10px;}
#footinfo{margin-bottom:20px;}
#snslink a{ font-size:75%;display:inline-block; padding:0 5px;vertical-align:middle;border-radius: 4px;-webkit-transition: none;transition: none;text-shadow: 0 1px 1px rgba(0, 0, 0, .7);}

.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #222028; border: 1px solid #fff8d3;}
.arrow::after{left: 4px;width: 3px;height: 3px;border-top: 1px solid #fff8d3;border-right: 1px solid #fff8d3;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.links {display:inline-block;border: 1px solid #fff8d3;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;color: #fff8d3;padding: 5px 10px 5px 20px;}

p.navlink{text-align:right;font-size:80%;}

#pageTop { position: fixed; bottom: 20px; right: 10px;}
#pageTop a { display: block; z-index: 999; padding: 2px; border-radius: 20px;width:25px;height: 25px;background-color: #0099ce;color: #f8f8f7;font-weight: bold;text-decoration: none;text-align: center;font-size:22px;}
#pageTop a:hover { text-decoration: none; opacity: 0.7;}

table.calendar{width:90%; max-width:400px; min-width:180px; border-collapse: collapse; table-layout:fixed;}
table.calendar th{text-align:center; border-top: 1px solid #4c493e;border-left: 1px solid #222028; background: #4c493e; }
table.calendar th:first-of-type{ border-left: 2px solid #4c493e;}
table.calendar th:last-of-type{ border-right: 2px solid #4c493e;}
table.calendar tr:nth-of-type(2) td{ border-top:1px solid #4c493e;}
table.calendar td{vertical-align:top; text-align:center;padding-bottom:5px; border: 1px solid #C5c7B6;}
table.calendar td p.con{color:#c71b00; line-height:1.0;}
table.calendar td p.con1{color:#fff8d3; line-height:1.0;}
table.calendar td span.today{color: #ffff00;}
table.calendar tr.remarks td{border: none; text-align:left; font-size:75%; padding-top:5px;}
table.calendar tr.monthlink td{border: none; padding-top:5px;}

table.table1{margin: 0 auto;border-collapse: separate;border-spacing: 0px 15px;}
table.table1 th,table.table1 td {padding: 5px;}
table.table1 th {background: #4c493e; vertical-align: middle; text-align: left; overflow: visible; position: relative; color: #f8f8f7;font-weight: normal;}
table.table1 th:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(4, 99, 128, 0);border-left-color: #4c493e;border-width: 10px;margin-top: -10px;}
/* firefox */
@-moz-document url-prefix() { table.table1 th::after { float: right;padding: 0;left: 30px;top: 10px;content: " "; height: 0;width: 0;position: relative;pointer-events: none;border: 10px solid transparent;border-left: #295890 10px solid; margin-top: -10px; }}
table.table1 td {  background: #fff8d3; color:#222028; text-align:center;}
table.table2{ border-spacing: 0px 10px;}
table.table3 th{ padding-left-20px; text-align:center; width:1.8em;}
table.table3 th:after { border-width: 10px;margin-top: -10px;}
table.table3 td {text-align:left; padding-left:20px;padding-right:10px;}
#map_canvas {width:90%;height:200px; margin:0 auto;}

.gallery { margin: 20px auto; }
.column{ padding:0; margin: 0 auto; }
.column div{border:1px solid #ccc; background:#a7a737e; margin:10px;}
.column div p{position:relative;}
.column div p.image{margin:1px; height:200px; overflow:hidden;}
.column div p img.photo{ width:100%; }
.column div p.text{font-family:'HuiFontP109',sans-serif; font-size:16px;text-align:center;padding: 0 5px 5px; white-space:nowrap;}
.column div p span.special{position:absolute; left:-10px;top:-25px;color:#f96304; font-size:32px; font-weight:normal;}
@media screen and (min-width: 1200px){.column div p.image{height:190px;}}
@media screen and (min-width: 992px) and (max-width: 1199px){.column div p.image{height:210px;}}
@media screen and (min-width: 768px) and (max-width: 991px){.column div p.image{height:210px;}}
@media screen and (min-width: 544px) and (max-width: 764px){.column div p.image{height:180px;}}
@media screen and (min-width: 360px) and (max-width: 543px){.column div p.image{height:160px;} .column div p.text{ font-size:14px;}}
@media screen and (max-width: 359px){.column div p.image{height:130px;} .column div p.text{ font-size:13px;}}
.photocont{width:100%;}
.photoimg{position:absolute; top:80px; left:0; right:0; margin: 0 auto; padding:0; width:90%; max-width:500px; background:rgba(34,32,30,0.75); border: 1px solid #c5c7b6;}
.heightclass{ width:60%; max-width: 360px;}
.photoimg p{ text-align:center; padding:5px;}
.photoimg p.close{text-align:right;padding:5px 5px 2px;margin:0;line-height:1; width:100%;}
.photoimg p. a{ color:#c5c7b6;}
.photoimg p.img{margin:0 15px;}
.photoimg p img{ width:100%; max-width:480px; text-align:center;}
.photoimg p.text{ text-align:center; padding:10px 15px 5px; color:#c5c7b6;}
.photoimg p.pager{margin:0 auto;}
.photoimg p.pager a{ display:inline-block; width:50%;}

.submit { background-color: rgba(0,153,206, 0.78); border: 1px solid #fff; color: #fff; margin-bottom:10px; padding: 5px 10px;vertical-align: middle;box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;display: inline-block;
	-webkit-transform: translateZ(0); -moz-transform: translateZ(0);-ms-transform: translateZ(0); -o-transform: translateZ(0);transform: translateZ(0);		  
	-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;backface-visibility: hidden;
	-webkit-transition-property: color; -moz-transition-property: color;-ms-transition-property: color;transition-property: color;
	-webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s;ms-transition-duration: 0.3s; transition-duration: 0.3s;-moz-osx-font-smoothing: grayscale;
}
.submit:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #fff;-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);
	-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;transform-origin: 0 50%;
	-webkit-transition-property: transform;  -moz-transition-property: transform;-ms-transition-property: transform;transition-property: transform;
	-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;transition-duration: 0.3s;			
	-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;transition-timing-function: ease-out;
}
.submit:hover, .submit:focus, .submit:active {color: #0099ce;}
.submit:hover:before, .submit:focus:before, .submit:active:before {-webkit-transform: scaleX(1); -moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}


.topbtn { position: relative;  display: block;  width:100%;  max-width: 250px;  margin: 20px auto;  padding: 10px;  border: 1px solid #ccc;  text-align: center;  text-decoration: none;  text-transform: uppercase; color: #fff;  cursor: pointer;  vertical-align: middle;  background:#0099ce;}
.topbtn {  border: 0 solid;  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);  outline: 1px solid;  outline-color: rgba(255, 255, 255, 0.5);  outline-offset: 0px;  text-shadow: none;  -webkit-transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);  transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);}
.topbtn:hover {  border: 1px solid;  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);  outline-color: rgba(255, 255, 255, 0);  outline-offset: 15px;  text-shadow: 1px 1px 2px #427388;  color:#ffffff;  background:#222028;}
.topline { display: inline-block;  width:46px; height:46px; overflow:hidden;  margin: 20px auto;   text-align: center;  text-decoration: none; color: #fff;  cursor: pointer;  vertical-align: top; background:#0099ce;}


div.formpage{ margin-bottom: 100px; }
div.formpage strong{ background:#ce1c00; padding:0 5px;}
div.formpage p{margin:20px 0;}
div.formpage dl{margin-bottom:20px;}
div.formpage dd{padding-bottom:10px;}
div.formpage dd strong{background:transparent; color:#ce9000;}
form#yoyaku table{ }
form#yoyaku th{ padding: 7px 10px;text-align:right; }
form#yoyaku td{ padding: 7px 10px; }
form#yoyaku td input{ display:inline; }
form#yoyaku div{ padding:5px 0;}
form#yoyaku div label{ padding: 2px 10px 2px 0;}
form#yoyaku div input{ vertical-align:top;margin-right:3px;}
form#yoyaku button{margin-top:20px;}
.booking .input-field { margin-top: 10px;}
.booking input[type=text], .booking input[type=tel], .booking input[type=email] {border: 1px solid #ececec; border-radius: 0;box-shadow: none;color: #818181;font-size: 14px;height: 30px; width: 300px; }


.input-field label{display:block;}

#editor { margin:70px auto 0; width: 100%;}
#editor h2{ padding-top:0; margin-top:0;}
#editor > div{ margin: 20px 0 40px; width:100%;}
#editor div.okmes{ font-size:120%; color: #ffffff; font-weight: bold; background:#ff0000;}
#editor table{border-collapse: collapse; width:100%;}
#editor table th{ border: 1px solid #C5c7B6; padding: 2px; font-weight: normal; font-size:100%; text-align:center; width:100%;}
#editor table td{ border: 1px solid #C5c7B6; padding: 2px;}
#editor div.sec4 {width:75%;}
#editor table tr.remarks td,#editor table tr.monthlink td {border: none;}
#editor p{margin: 10px 0;}
#editor form span{font-size:85%;}
#editor form textarea{ width:90%; height:150px;}
#editor form input,#editor form textarea{ margin: 5px 2px; border: 1px solid #B9C9CE; border-radius:2px; padding: 2px 0.2em; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);}
#editor form input[type=text]:focus,#editor form textarea:focus { border-color:#83B6C2; outline:none; box-shadow:2px 2px 2px rgba(143,183,222,0.6),-2px -2px 2px rgba(143,183,222,0.6),inset 0 1px 1px rgba(0,0,0,0.2);}
#editor form input[type=file]{ color:#f2f2f2;}
#editor form input{ color: #222028;}
#editor .gallery form input{width:300px;}
#editor form textarea{ color: #222028;}
#editor form select { color:#002f2f; padding:2px; text-align:center;}
#loginblock { margin-top:50px;text-align:center; font-size:85%;}
#loginblock input[type=password]{ width:120px; display:inline-block;}
#loginblock input[type=submit]{ width:80px;}
.caution { margin: 20px 0 0 50px; color: #ff6666;}

table.yoyakutable{ width:90%; border-collapse: collapse; table-layout: fixed; margin-bottom:20px;}
table.yoyakutable tr td:first-child, table.yoyakutable tr td:nth-child(2), table.yoyakutable tr td:nth-child(3), table.yoyakutable tr td:nth-child(7){text-align:center;}
table.yoyakutable tr td:nth-child(4) {font-size:90%;}
table.yoyakutable tr td:nth-child(6) {font-size:80%;}
.checkbox label,.checkbox-etc label{ margin:5px 10px; }
#yoyaku table td.ngtd{color:#c5c7b6;}


.tablebox {display:table;}
.cellbox{display:table-cell;}
.fontS{ font-size: 75%;}
.fontRed{ color:#c71b00;}
.txtL{text-align:left;}
.txtR{text-align:right;}
p span.del { color: #c71b00; text-decoration : line-through ;}
p span.del span { color: #f8f8f7 ; }
p span.bb1 {font-weight:bold; color:#ffff00; font-size:120%;}
p span.bb2 {color:#ffff00;}
p span.bb3 {font-weight:bold; font-size:120%;}
.space1{margin: 20px 0;}
.barrier { border-left: 1px dotted #4c493e; margin:30px 0 0 30px; height: 300px;}
img.snsicon{vertical-align:middle; text-align:center;}
a.fbpage {background:#fff; color:#305097;}
a.lineat {background:#5ae628;}
a.fblike {background:#305097;}
a.tweet {background:#00aced ;}
.clearfix:after{content: "";clear: both;display: block;}


/**
/*	Preloader
/* ==========================================*/

#preloader {
    background-color: #222028;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

/*Scissors*/
.loder-box {
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 1px;
  height: 100px;
  left: 50%;
  margin-left: -64px;
  margin-top: -50px;
  position: absolute;
  top: 50%;
  width: 128px;
  color: #c5c7b6;
}

.scissors{
    width: 40px;
    height: 40px;
    top: 30%;
    position: relative;
    font-size:40px;
    margin: 0 auto;
    animation: fade 0.5s linear infinite alternate;
}

@-webkit-keyframes fade{
  0% { opacity: 0;}
  75%{ opacity: 1}
  100% {opacity: 1; }
}

@-moz-keyframes fade{
  0% { opacity: 0;}
  75%{ opacity: 1}
  100% {opacity: 1; }
}


@keyframes fade {
  0% { opacity: 0;}
  75%{ opacity: 1}
  100% {opacity: 1; }
}





/**
/*	Header
/* ==========================================*/

#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;
    background-color: rgba(76,63,62,0.85) ;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 0;
}

#navigation.animated-header {
    padding: 0;
}

.navbar-header{
	background-color: rgba(76,63,62,1) ;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.navbar-nav > li > a > span{
	font-size: 85%;
	padding-left: 20px;
}

button.navbar-toggle{ margin-bottom:5px;}

/*=================================================================
	Home 
==================================================================*/
#main{ padding-top:80px;}



/*============================================================ 
	Responsive Styles
 ============================================================*/

@media screen and (min-width: 1280px){
	main{ width: 1280px; margin:0 auto; }
}

@media screen and (min-width: 1000px){
	main{ font-size:105%;}
	h1{ padding-top:5px; padding-left:0;}
	.sec1a{ margin-top: 80px; }
	.sec1c{ border-bottom:none;}
	.sec3 p{ padding-left:50px;width:78%;}
	.navbar-header{background-color: transparent;}
	.navbar-nav > li > a > span{ padding-left:0;}
	table.cell-right{margin:0 0 0 auto;}
	table.cell-left{margin:0 auto 0 0;}
}

@media screen and (min-width: 768px){
	.sec6 h3{display:block;text-align:center; font-size:100%; margin-bottom:10px;}
	.sec7 table{ margin-left:100px;}
	#map_canvas{ height:350px;}
	.booking {margin-left:50px;}
}

@media screen and (max-width: 1150px){
	.sec1a{ margin-top: 40px; font-size:95%;}
}

/*============================================================
	For Small Desktop
==============================================================*/

@media (min-width: 980px) and (max-width: 1150px) {

/*about*/
    #about .welcome-block img {
        margin-bottom: 30px;
    }

/* portfolio */
    figcaption.mask {
        bottom: -151px;
    }

    .testimonial-item > div:after {
        bottom: -40px;
    }
}


/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 979px) {

/* home slider  */
    .caption-content h2 {
        font-size: 40px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 45px;
    }

/* about */
    .recent-works {
        margin-bottom: 50px;
    }

    .service-item {
        margin-bottom: 50px;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

/* testimonial */
    .testimonial-item {
        width: 100%;
    }

    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:after {
        bottom: -35px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }
}


/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

@media only screen and (max-width: 767px) {

    body {
        font-size: 16px;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 25px;
    }

    .sec-title h2:after {
        left: 30%;
    }

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #fff;

    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }

/* slider */
    .caption-content h2 {
        font-size: 18px;
    }

    .caption-content > span {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .caption-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .caption-content strong {
        font-size: 22px;
    }

/* about */
    .recent-works {
        margin-bottom: 85px;
    }

    #about h3 {
        font-size: 18px;
        margin: 0 0 35px !important;
    }

    #about .owl-buttons {
        margin-top: 20px;
    }

    #about .message-body {
        margin-bottom: 45px;
    }

    #about .welcome-block img {
        margin: 0 25px 15px 0;
    }

/* service */
    .service-item {
        width: 100%;
    }

/*portfolio*/
    .portfolio-item {
        margin: 0 auto 10px;
        font-size: 14px;
        width: 280px;
    }

    figcaption.mask {
        bottom: -107px;
        color: #fff;
        padding: 15px;
    }

/* lightbox */
    .fancybox-title h3 {
        font-size: 20px;
    }

    .fancybox-title p {
        font-size: 14px;
    }

/* testimonial */
    .testimonial-item {
        width: 95%;
    }

    .testimonial-item > div:before,
    .testimonial-item > div:after {
        background-image: none;
    }

    .testimonial-item > div > span {
        margin: 30px 0 20px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* follow us */
    .social-button li:nth-child(2) {
        margin: 0 25px;
    }

    .social-button li a {
        height: 65px;
        line-height: 71px;
        width: 65px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 100%;
    }

    .footer-social ul li {
        margin: 0 7px;
    }
}




/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .sec-title h2:after {
        left: 38%;
    }

/* home slider */
    .caption-content h2 {
        font-size: 35px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about*/

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service */

    .service-item {
        margin: 0 auto 50px;
        width: 55%;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial */
    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social */
    .social-button li:nth-child(2) {
        margin: 0 50px;
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 380px;
    }
}

/*bootstrap3 Šg’£icol-ss-j*/
@media screen and (min-width: 436px) and (max-width: 767px){.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11, .col-ss-12 {float: left;}.col-ss-12 {width: 100%;}.col-ss-11 {width: 91.66666667%;}.col-ss-10 {width: 83.33333333%;}.col-ss-9 {width: 75%;}.col-ss-8 {width: 66.66666667%;}.col-ss-7 {width: 58.33333333%;}.col-ss-6 {width: 50%;}.col-ss-5 {width: 41.66666667%;}.col-ss-4 {width: 33.33333333%;}.col-ss-3 {width: 25%;}.col-ss-2 {width: 16.66666667%;}.col-ss-1 {width: 8.33333333%;}.col-ss-pull-12 {right: 100%;}.col-ss-pull-11 {right: 91.66666667%;}.col-ss-pull-10 {right: 83.33333333%;}.col-ss-pull-9 {right: 75%;}.col-ss-pull-8 {right: 66.66666667%;}.col-ss-pull-7 {right: 58.33333333%;}.col-ss-pull-6 {right: 50%;}.col-ss-pull-5 {right: 41.66666667%;}.col-ss-pull-4 {right: 33.33333333%;}.col-ss-pull-3 {right: 25%;}.col-ss-pull-2 {right: 16.66666667%;}.col-ss-pull-1 {right: 8.33333333%;}.col-ss-pull-0 {right: auto;}.col-ss-push-12 {left: 100%;}.col-ss-push-11 {left: 91.66666667%;}.col-ss-push-10 {left: 83.33333333%;}.col-ss-push-9 {left: 75%;}.col-ss-push-8 {left: 66.66666667%;}.col-ss-push-7 {left: 58.33333333%;}.col-ss-push-6 {left: 50%;}.col-ss-push-5 {left: 41.66666667%;}.col-ss-push-4 {left: 33.33333333%;}.col-ss-push-3 {left: 25%;}.col-ss-push-2 {left: 16.66666667%;}.col-ss-push-1 {left: 8.33333333%;}.col-ss-push-0 {left: auto;}.col-ss-offset-12 {margin-left: 100%;}.col-ss-offset-11 {margin-left: 91.66666667%;}.col-ss-offset-10 {margin-left: 83.33333333%;}.col-ss-offset-9 {margin-left: 75%;}.col-ss-offset-8 {margin-left: 66.66666667%;}.col-ss-offset-7 {margin-left: 58.33333333%;}.col-ss-offset-6 {margin-left: 50%;}.col-ss-offset-5 {margin-left: 41.66666667%;}.col-ss-offset-4 {margin-left: 33.33333333%;}.col-ss-offset-3 {margin-left: 25%;}.col-ss-offset-2 {margin-left: 16.66666667%;}.col-ss-offset-1 {margin-left: 8.33333333%;}.col-ss-offset-0 {margin-left: 0;}}